<ul> using different color other than black?

chrisrobertson · #1 (**permalink**) 08-25-06, 10:14 AM

Is it possible to have the <ul> bulleted list using something other than black? I would like the bullets to use the same color as the fonts, 0000aa.

jfulton · #2 (**permalink**) 08-25-06, 10:29 AM

I'm not sure how you're using your styles, but this can be done with css. Check out http://www.echoecho.com/csslists.htm

ste · #3 (**permalink**) 08-25-06, 10:36 AM

Heya Chris,

try putting this in your css:

ul { list-style: square; color: #0000aa; }

I'm confident that will do the job for you, also check out jfultons link as that will go into splitting the colour of the bullet and text, which is quite handy to know.

chrisrobertson · #4 (**permalink**) 08-26-06, 11:21 AM

Is there anyway that only the "square" will be blue, and not the fonts?

Or do I need to add a font color to it?

Thanks!

mab · #5 (**permalink**) 08-26-06, 01:44 PM

Because the text is enclosed within the list tags, you would need to do something like the following -

Code:

<html>
<head>
<style type="text/css">
ul {list-style:square; color:blue}
.textcolor {color:gray}
</style>
</head>
<body>

<ul>
<li><span class="textcolor">Coffee</span></li>
<li><span class="textcolor">Tea</span></li>
<li><span class="textcolor">Coca Cola</span></li>
</ul>

</body>
</html>