Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › [Solved] Separate bullet and text colors in ul?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 7, 2010 at 3:23 pm #30471
    cre8tive1
    Member

    Hi all,

    I’m trying to figure out how to style an unordered list that has an orange bullet with black text. I could easily do this using an image, but I’m wondering if there is a more up-to-date way of doing this with css3?

    I ‘m thinking I would assign the

      to orange and then put paragraph tags around the text of each

    • and assign the color of the

    • to black, but it seems a bit clunky.


      


        

      • Item 1

        • 

      • Item 2

        • 

      • Item 3

        •

      Any suggestions?

      Thanks,

      Jerry

    October 7, 2010 at 3:42 pm #78470
    coffeendonut
    Member

    something like this


    

    

    

    

    

    

    

    


      

    • Item 1

      • 

    • Item 2

      • 

    • Item 3

      •
    October 7, 2010 at 3:53 pm #78474
    TheDoc
    Member

    Definitely use spans.

    It’s a shame you can’t do something like list-style-color: orange;.

    October 7, 2010 at 4:21 pm #78475
    cre8tive1
    Member

    Ah, yes. Better solution with spans.

    Thanks to all,

    Jerry

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.