Colore per i punti o i numeri dell'elenco puntato e/o numerato 
Autore: Francesco M.
Visite 716,
Followers 2,
Condiviso 0
Buonagiornata a tutti.
Scusate ma mi sembra strano. non l'avevo mai prima utilizzato.
Ho un elenco numerato in una casella testo. Adesso devrei cambiare il colore di tutte le lettere, ma riesco a cambiare solo il testo mentre i numeri e/o i punti elenco restano sempre neri. Siccome devono stare su uno sfondo nero, come si fa a cambiare anche i colori dei punti o dei numeri dell'elenco?
Non riesco proprio a selezionarli.
Grazie
Postato il
Autore
E volevo anceh far notare che inserendo una liena separatore sempre nella casella testo, anche questa è sempre nera e non mi permette di modificarla nello stesso colore del testo.
Grazie
Per le liste devi utilizzare CSS esterno
Qui trovi un esempio
http://essedi.altervista.org/_EVO2020/_prove2020/elenchi.html
All'oggetto testo con la lista ordinata è stata assegnata l'àncora "oltxt"
All'oggetto testo con la lista non ordinata è stata assegnata l'àncora "ultxt"
trovi il CSS nel codice della pagina tra le righe
<!-- Inizio CSS per personalizzare liste ordinate -->
e
<!-- Fine CSS per personalizzare liste non ordinate -->
Autore
Ringrazio per la veloce risposta, ma nella pagina che mi hai linkato non c'e alcun codice. COme posso vederlo, o creare un codice veloce da inserire nella mia pagina? Grazie
il link è il seguente, e non si vedon o, su sfondo nero, ne i punti ne la numerazione.
Se mi puoi aiutare con un codice da inserire nella pagina o quale modifica fare e a quale file.
Grazie
https://www.moschettinogroup.it/Menu/Terra_vesuvio/allergeni.html
Per vedere il codice sorgente HTML di una pagina WEB è sufficiente premere contemporaneamente il tasto CTRL ed il tasto U
Ma dalla tua risposta temo che per te questo non sia sufficiente
Sai come attribuire un'àncora ad un oggetto testo?
Scusa Francesco, ma nel trasferire il mio sito di prova dalla versione 2019 alla 2020 ho fatto un po' di confusione
Il link corretto è
http://essedi.altervista.org/_EVO2020/_prove/elenchi.html
All'oggetto testo che contiene la lista ordinata è stata assegnata un'àncora con nome sdB_oltxt
Il codice CSS è stato inserito in un foglio di stile esterno
http://essedi.altervista.org/_EVO2020/_prove_res/liste.css
Nel tuo caso puoi inserire in "Proprietà pagina - Esperto - Prima della chiusura del tag HEAD" la parte di codice che riguarda le liste ordinate, racchiusa tra <style> e </style>
<style>
#sdB_oltxt ~ div ol {
list-style: none; /*nessun simbolo */
counter-reset: sd_Num; /* inizializza il contatore sd_Num */
}
/* contenuto da anteporre agli elementi */
#sdB_oltxt ~ div li::before {
counter-increment: sd_Num; /* increnenta il contatore */
white-space: pre; /* evita di troncare gli spazi */
content: counter(sd_Num) ". "; /* contatore+punto+spazio */
display: inline-block;
text-align: right;
color: red;
/* font-weight: bold; */
width: 2em;
margin-left: -2em;
}
</style>
Da personalizzare il colore dei numeri dell'elenco. Nell'esempio è rosso, ma penso che non vada bene su sfondo scuro.
Potresti, per esempio, sostituirlo con:
color: yellow;
Autore
grazie. Provero' nel tardo pomeriggio se mi riesce. Grazie. L' ancora va fissata a tutyo l'ogetto testo o all'interno del testo stesso?
Autore
Sembra funzionare, anche se con colori strani devo ancora vedere come inserirli - vedi sempre esempio -
Anche se mi è capitata una cosa molto strana. Avevo modificato il testo eliminando il l'elenco puntanto e/o numerato e l'ho riscritto. Anche se la spaziatura era errata diciamo che ho provato.
Stamattina ho riprovato ad inserire l'elenco sia numerato che puntato e me lo ha dato dello stesso colore del testo. Non capisco. Forse, visto che il testo lo avevo copiato da un altro progetto, dove era di colore nero, l'elenco rimaneva tale, riscrivendolo me lo ha dato del colore scelto.
Meglio così
Nel tuo esempio
https://www.moschettinogroup.it/Menu/Terra_vesuvio/allergeni.html
non vedo traccia del mio codice
... in Oggetto Codice HTML, puoi provare ad incollare queste stringhe:
<ul> <li style="color: black;"><span style="color: green;">pallino NERO testo VERDE</span></li>
<li style="color: red;"><span style="color: orange;">pallino ROSSO testo ARANCIO</span></li>
<li style="color: blue;"><span style="color: black;">pallino BLU testo NERO </span></li>
<li style="color: black;">pallino e testo NERO</li>
<li style="color: red;">pallino e testo ROSSO</li>
<li style="color: blue;">pallino e testo BLU</li> </ul>
>> https://helpcenter.websitex5.com/it/post/209331#comment3
.