- Instant help with your CSS coding problems

Change HTML list bullet color

Snippet added on Jul 19, 2022 by Mike

Question:

How to change HTML list bullet color?

Answer:

li::marker {
    color:red;
}

Description:

To change the color of a bullet in a list independent from the text use the ::marker pseudo-element. The ::marker selects the marker box of a list item, which typically contains a bullet or number.

Reference:

The ::marker reference

Share "How to change HTML list bullet color?"

Related snippets:

Tags:

change, bullet, color, dot, set, change bullet color, set bullet color, css, marker

Technical term:

Change HTML list bullet color

Trending articles

Use clip path in TailwindCSS Set focus border in TailwindCSS Create hover underline animation in TailwindCSS Truncate text in TailwindCSS Create triangles with TailwindCSS Create custom toggle button with TailwindCSS Implement Dark mode with TailwindCSS How to create custom checkboxes in TailwindCSS Fix the Unknown at rule @tailwind warning in VSCode Fix TailwindCSS breaks existing styles

Trending snippets

Remove focus border around input element Create endless rotation animation in CSS Center an absolute element in TailwindCSS How to use !important in TailwindCSS Add class to child when hovering on parent in TailwindCSS Add a box shadow to only one side of an element Add text shadow with Tailwind CSS Add dots if text is too long Create a neon effect with TailwindCSS Access child elements in TailwindCSS Select the nth child in TailwindCSS Change bullet size in HTML Force line break in a long word using CSS Select first child in TailwindCSS Use emoji instead of list style How to use calc() in TailwindCSS How to use CSS variables in TailwindCSS Create horizontal rule with text using TailwindCSS Using :not in TailwindCSS Write vertical text in HTML

Network articles

Fix the ReactDOM.render is no longer supported in React 18 How to run useEffect only once in React Check if date is valid in JavaScript How to convert a Postman request to curl Solve the Typed property X must not be accessed before initialization error Get JSON data from POST in PHP Remove trailing spaces in VS Code Fix navigator.clipboard is undefined Remove emojis from a string with JavaScript Capitalize words in a string using JavaScript Generate a random number with fixed length using JavaScript Remove duplicates from array in JavaScript Delete line without selection in VS Code Convert date to timestamp in PHP Import an SQL file using the command line in MySQL Get the number of days between two dates in PHP PHP string to array Get the first day of the current month in Java Check if element is hidden in JavaScript Solving the stylesheet not loaded because of MIME-type

Interesting things

OpanAi's ChatGPT