205206 - Possible workaround for lack of CSS2 ol display: marker support

Status: RESOLVED WONTFIX

(Core :: CSS Parsing and Computation, enhancement)

Description

[Kim Scarborough]

User-Agent:       Mozilla/5.0 (X11; U; FreeBSD i386; en-US; rv:1.4a) Gecko/20030419
Build Identifier: Mozilla/5.0 (X11; U; FreeBSD i386; en-US; rv:1.4a) Gecko/20030419

There's no good way to make an ordered list display in Mozilla using a character
other than the period for the delimiter (is that the right term? I'm not sure).
If there are no plans to fix bug 205202 in the near future (or revisit bug
26710), then I thought of a workaround which seems simple to implement.

Make it so the default rendering of a list is without any trailing character at
all, i.e.:

1 First item
2 Second item

Then, in the default style sheet that ships with Mozilla, add:

LI:after {content: "."}

Then lists will be displayed the same way they always were, but then site
authors can override the LI:after property if they want.

Just a thought.

Reproducible: Always

Steps to Reproduce:

Comment 1

[Boris Zbarsky [:bzbarsky]]

> LI:after {content: "."}

That would not affect the numbering style; it would put the '.' after the text
inside the <li>.

Comment 2

[Hixie (not reading bugmail)]

This won't be fixed at the CSS2.1 level. Eventually, when we do CSS3 Lists,
there'll be a way to do this, but in the meantime, there won't.

If you really need a way to do numbered lists with custom styling, vote for the
inline-block and and CSS counter bugs, then use styling like:

   li { list-style: none; counter-increment: list-item; }
   li::before { content: counter(list-item); display: inline-block; width: 4em; }

...or some such.

Comment 3

[Kim Scarborough]

I'm pretty sure what I'm after won't work without bug 26710 being fixed, and bug
26710 is WONTFIX.