• Hi
    i have several list-styles in my CSS, eg:

    .bullets ul li { list-style:disc; }
    .numbers ul li { list-style:decimal; }

    I’m applying them with:

    <span class="bullets">
    <ul>
    <li>item</li>
    </ul>
    </span>

    They display as expected in most browsers but not Chrome or Safari.

    I did a test which tells me the problem isn’t actually about bullet styles – I wrote:
    .teststyle {color:#990066;} and applied it instead.
    Picks the colour up in FF but not chrome.

    Any ideas?

Viewing 1 replies (of 1 total)
  • Thread Starter puffin

    (@puffin)

    ps, i just did another wee test – it takes my style if I:

    change the CSS to:
    .numbers {list-style:decimal;}
    – (i.e. take out the ul li)

    and change the html to:

    <ul><li class="numbers">

    This isn’t a solution because I’d have to insert the style in every
    <li>, but I figure it helps solve the mystery

Viewing 1 replies (of 1 total)

The topic ‘span class problem in chrome and safari’ is closed to new replies.