Customize list item bullets using CSS

by

You mean altering the size of the bullet, I assume? I believe this is tied to the font-size of the li tag. Thus, you can blow up the font-size for the LI, then reduce it for an element contained inside. Kind of sucks to add the extra markup – but something like:

li {font-size:omgHuge;}
li span {font-size:mehNormal;}

Alternately, you can specify an image file for your list bullets, that could be as big as you want:

ul{
  list-style: square url("38specialPlusP.gif");
 }

See: http://www.w3schools.com/css/css_list.asp

More Related Contents:

  1. How to set Bullet colors in UL/LI html lists via CSS without using any images or span tags [duplicate]
  2. Is there a way to break a list into columns?
  3. How can I center into a div?
  4. Adjust list style image position?
  5. How can I reset a CSS-counter to the start-attribute of the given list
  6. How can I create multi columns from a single unordered list?
  7. Custom li list-style with font-awesome icon
  8. How to style the number on a html list?
  9. How does flex-wrap work with align-self, align-items and align-content?
  10. Media query to detect if device is touchscreen
  11. CSS: Hover one element, effect for multiple elements?
  12. Is there a way to make a DIV unselectable?
  13. CSS native variables not working in media queries
  14. Every item to have the same width as the widest element [duplicate]
  15. Why doesn’t the CSS calc() function work for me?
  16. How is a CSS “display: table-column” supposed to work?
  17. Why isn’t CSS visibility working?
  18. Is there a way to use two CSS3 box shadows on one element?
  19. How to use relative/absolute paths in css URLs?
  20. How can a variable-height sticky footer be defined in pure CSS?
  21. Which are the most important media queries to use in creating mobile responsive design?
  22. calc() not working within media queries
  23. Combining :not() selectors in CSS
  24. How do I target elements with an attribute that has any value in CSS?
  25. Absolute positioning ignoring padding of parent
  26. Concatenate strings in Less
  27. Is it possible to change CSS Validation scheme in VS2010
  28. Put background image over text?
  29. How to apply custom animation effect @keyframes in MUI?
  30. Canvas is stretched when using CSS but normal with `width` & `height` attributes

Leave a Comment