This may be a stupid question that I should know the answer to, but it's Friday and the brain is already in weekend mode. 
How do I create lists with colored bullets (but following text is still black) in CSS?
Existing coding-
#content ul {list-style-type: square; color: green;}
#content li {color: black; font-size: .9em;}
Thanks,
KDLAThis is the best solution I could think of on a Friday afternoon:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Page title</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 1em;
font: medium arial, helvetica, sans-serif;
background-color: white;
color: black;
}
.test li {color: green;}
.test li span {color: black;}
-->
</style>
</head>
<body>
<ul class="test">
<li><span>Item One</span></li>
<li><span>Item Two</span></li>
</ul>
</body>
</html>Thanks!
Happy weekend -
KDLA
How do I create lists with colored bullets (but following text is still black) in CSS?
Existing coding-
#content ul {list-style-type: square; color: green;}
#content li {color: black; font-size: .9em;}
Thanks,
KDLAThis is the best solution I could think of on a Friday afternoon:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Page title</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 1em;
font: medium arial, helvetica, sans-serif;
background-color: white;
color: black;
}
.test li {color: green;}
.test li span {color: black;}
-->
</style>
</head>
<body>
<ul class="test">
<li><span>Item One</span></li>
<li><span>Item Two</span></li>
</ul>
</body>
</html>Thanks!
Happy weekend -
KDLA