Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2003
    Messaggi
    183

    Colorare list-style-type

    Ciao a tutti.
    Avevo una domanda, più per curiosità che per altro. È possibile colorare in qualche modo il list-style-type tramite css. A un mio collega è uscito per caso, perchè ereditava il colore da un altro elemento, ma è possibile invece decidere che colore utilizzare al posto del solito nero?

    Lo so che si può mettere un'immagine al posto dei simboli di default, ma la mia era proprio una curiosità..

    Grazie a tutti.

  2. #2
    Queste sono le proprietà che CSS 2.1 mette a disposizione per le liste:

    - www.w3.org/TR/CSS21/generate.html#q10

    Da quanto ne so, il colore del 'pallino' corrisponde al valore della proprietà 'color' applicata all'elemento [*]. Pertanto, scrivendo ad esempio così:

    codice:
    li
    {
       color:red;
    }
    oltre al testo dell'elemento di lista, anche il pallino sarà rosso.

    Ora, per avere il pallino di un colore e il testo di un altro non rimane altro da fare che marcare il testo dell'elemento di lista, magari con uno <span>:

    codice:
    XHTML
    <ul>[*]<span>banane</span>[*]<span>lampone</span>[/list]
    
    CSS
    li
    {
       color:red;
    }
       li span
       {
          color:black;
       }
    A questo punto, però, siccome si appesantirebbe forse un po' troppo la struttura di markup, l'utilizzo di un'immagine di sfondo sarebbe più conveniente (a parer mio).


  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Con i CSS2 non mi risulta.
    Potrebbe esserci qualcosa per il browser IE: si tratta pero` di codice proprietario.

    A meno che l'attributo color non abbia effetti anche sul punto-elenco, per cui la lista potrebbe essere di un colore, ed i vari blocchi avere un colore definito (ad esempio) in specifici <span>.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4
    Utente di HTML.it
    Registrato dal
    Mar 2003
    Messaggi
    183
    Grazie per avermi risposto.
    Immaginavo anche io di doverlo fare per forza con lo span..

    Grazie a tutti!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.