Getting rid of bullet points from ul

Question

I have the following list     lt ul id  otis  gt    lt li gt Benz lt  li gt    lt li gt Other Benz lt  li gt    lt li gt Other Other Benz lt  li gt    lt  ul gt    I want to get rid the bullets so i tried    ul otis    list-style-type  none       That didn t work though  What is the proper way to remove the bullets from the displayed list

User · Answer

The following code  x000D   x000D   menu li    list-style-type  none    x000D   lt ul id  menu  gt       lt li gt Root node 1 lt  li gt       lt li gt Root node 2 lt  li gt   lt  ul gt  x000D   x000D   x000D   will produce this output

User · Answer

In a chrome  you can use ul    list-style  none

User · Answer

There must be something else   Because      ul otis        list-style-type  none         should just work   Perhaps there is some CSS rule which overwrites it   Use your DOM inspector to find out

User · Answer

This worked perfectly  HTML   lt ul id  top-list  gt           lt li gt  lt a href     gt Home lt  a gt  lt  li gt           lt li gt  lt a href     gt Process lt  a gt  lt  li gt           lt li gt  lt a href     gt Work lt  a gt  lt  li gt           lt li gt  lt a href     gt Team lt  a gt  lt  li gt           lt li gt  lt a href     gt Contact lt  a gt  lt  li gt         lt  ul gt    CSS   top-list    list-style-type  none    list-style  none

User · Answer

To remove bullet points from unordered lists   you can use   list-style  none    You can also use   list-style-type  none    Either works but the first is a shorter way to get the same result

User · Answer

Assuming that didn t work  you might want to combine the id-based selector with the li in order to apply the css to the li elements    otis li       list-style-type  none      Reference    list-style-type at the Mozilla Developer Center

User · Answer

for inline style sheet try this code   lt ul style  list-style-type  none   gt       lt li gt Try This lt  li gt       lt  ul gt

User · Answer

Try this instead  tested on Chrome Safari  ul    list-style  none

User · Answer

I had the same problem  and the way I ended up fixing it was like this   ul  li      list-style none      list-style-type none      Maybe it s a little extreme  but when I did that  it worked for me   Hope this helped

User · Answer

I had the same extreme irritating problem myself since the script did not take any notice of my styelsheet  So I wrote    lt ul style  list-style-type  none   gt    That did not work  So  in addition  I wrote    lt li style  list-style-type  none   gt    Voila  it worked

User · Answer

your code   ul otis       list-style-type  none      my suggestion    otis       list-style-type  none       in css you need only use the  id not element id  more helpful hints are provided here  w3schools

User · Answer

Put    lt style type  text css  gt   ul otis        list-style-type  none        lt  style gt    immediately before the list to test it out   Or   lt ul style  list-style-type  none   gt

User · Answer

To remove bullet from UL you can simply use list-style  none  or list-style-type  none  If still not works then i guess there is an issue of priority CSS  May be globally UL already defined  So best way add a class ID to that particular UL and add your CSS there  Hope it will works

User · Answer

I had an identical problem    The solution was that the bullet was added via a background image  NOT via list-style-type  A quick  background  none  and Bob s your uncle

[html] Getting rid of bullet points from <ul>

Examples related to html

Examples related to html-lists