List bullets still how although in CSS I put “list-style:none”

Question

I have a CSS problem on this page: http://www.fastclickad.com/ask-for-your-free-seo-analysis/

For some reason, bullets still show although I inserted in the style sheet several instructions so the list styles don't inherit from the theme.

When I "inspect element" with google Chrome everything seems to go smooth, except the bullets still show!

Can you help me?

Answer 1

You have a border specified which, if removed, prevents the arrow:

.aritclecontent ul li::before, .sidebarwidget ul li::before {
  border-left: solid #0473B2;
}

So you'll need to do something like:

.gform_body ul li:before {
  border-left:none!important;
}

The !important could be frowned upon, so you might wish to analyse your styles and refactor accordingly to remove the need for using it, if indeed it is necessary.

Answer 2

尝试这个 ..

 list-style-type: none;