DEV Community

Cover image for Styling list bullets with emoji

Styling list bullets with emoji

Claire Parker-Jones on April 27, 2019

The available styles of bullet points for HTML unordered lists <ul> are limited. Using CSS, they can be changed to something more exciting, l...
Collapse
 
chrisrhymes profile image
C.S. Rhymes

Interesting article! I’ve used font awesome icons to replace standard list styles before, but never used emojis. Font awesome have some handy classes you can use.
fontawesome.com/how-to-use/on-the-...

Collapse
 
clairecodes profile image
Claire Parker-Jones

I didn't realise you could do that with Font Awesome! Thanks for sharing 😊

Collapse
 
ben profile image
Ben Halpern

Collapse
 
mortoray profile image
edA‑qa mort‑ora‑y

I'm both intrigued and disturbed at the same time. Nice! 🐱

Collapse
 
5t3ph profile image
Stephanie Eckles

Whoa! That's gonna be wild :) I had a similar post recently looking at using custom data attributes as a solution that could swap in for your nth-child idea: Totally Custom List Styles

Collapse
 
krishan111 profile image
Krishan111 • Edited

Mam can you tell me that can emojis be used on a website without copyright issues and if yes than should I use UTF-8 encoding or just copy paste the emojis??

Collapse
 
clairecodes profile image
Claire Parker-Jones

Thanks! I can't wait for wider browser support either!