How to add brackets (a) to ordered list? compatible in all browsers.

Question

I have to show like

(a)

(b)

(c)

Update:

I found a CSS way

ol {list-style-type: none;}
li:before {content: "(" counter(section, lower-alpha) ") ";}
li { counter-increment: section;}

but it not works in IE 7 and lower.

Answer 1

You can't get (a) (b) (c).

You can however get the letter without the brackets:

<ul style="list-style-type: lower-latin;">...</ul>

See http://www.w3schools.com/CSS/tryit.asp?filename=trycss_list-style-type_all

Answer 2

These are your options according to W3C.

With CSS it isn't possible. You would have to make a custom list using javascript (or similar).

Answer 3

This is possible with custom counters, but at least IE7- doesn't support it, some others mightn't either. See here for details: http://www.quirksmode.org/css/counter.html

Ex:

li:before {
    content: "(" counter(mycounter,lower-latin) ")";
}

Answer 4

There's no built-in way to do this. Which means you enter the land of (fun) hacks.

You could try a background image of two parentheses.