how to change only bullet color in css
li::before {content: "•"; color: red;
display: inline-block; width: 1em;
margin-left: -1em}
how to change only bullet color in css
li::before {content: "•"; color: red;
display: inline-block; width: 1em;
margin-left: -1em}
change bullet color css list
ul {
list-style: none; /* Remove default bullets */
}
ul li::before {
content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a
bullet */
color: red; /* Change the color */
font-weight:
bold; /* If you want it to be bold */
display: inline-block; /*
Needed to add space between the bullet and the text */
width: 1em;
/* Also needed for space (tweak if needed) */
margin-left: -1em; /*
Also needed for space (tweak if needed) */
}
how to change only bullet color in css
li::before {content: counter(li); color: red;
display: inline-block; width: 1em;
margin-left: -1em}
change text color li css
/*
li only changes its bullets color, if you want to change
the text, you must use the 'a' tag after the li
*/
li a{
color: white;
}
li color change css
h1>Todos</h1>
<style>
</style>
<ul>
<li class="done">Walk Chickens</li>
<li>Clean Out Coop</li>
<li class="done">Collect Chicken Eggs</li>
<li>Incubate Chicken Eggs</li>
<li>Hatch New Chickens!</li>
</ul>
<button id="clear">Clear List</button>
<button>Add Todo</button>
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us