HTML页面中的连字符列表在IE 8中不起作用(Hyphen List in HTML page is not working in IE 8)

HTML页面中的连字符列表在IE 8中不起作用(Hyphen List in HTML page is not working in IE 8)

以下代码在IE 8中不起作用，除了这个浏览器，它在所有浏览器中都有效。 任何人都可以帮我解决这个问题吗？

CSS

ul.hyphen-list { list-style-type: none; margin-left: 1.5em; padding-left: 1em; text-indent: -0.85em; } ul.hyphen-list li:before { content: "- "; }

HTML

<ul class="hyphen-list"> <li>This is line 1<br/>part 2</li> <li>This is line 2</li> </ul>

The below code is not working in IE 8, other than this browser it's working in all browsers. Can anyone help me how to fix this?

CSS

ul.hyphen-list { list-style-type: none; margin-left: 1.5em; padding-left: 1em; text-indent: -0.85em; } ul.hyphen-list li:before { content: "- "; }

HTML

<ul class="hyphen-list"> <li>This is line 1<br/>part 2</li> <li>This is line 2</li> </ul>

最满意答案

ul.hyphen-list { list-style: none; }

在IE8中的浏览器堆栈上测试; 工作得很好 - http://jsfiddle.net/9RGeB/7/

http://jsfiddle.net/9RGeB/7/show/

请记住：IE 7不支持：之前

http://css-tricks.com/browser-support-pseudo-elements/

ul.hyphen-list { list-style: none; }

tested on browser stack in IE8; works just fine - http://jsfiddle.net/9RGeB/7/

http://jsfiddle.net/9RGeB/7/show/

Remember: IE 7 does not support :before

http://css-tricks.com/browser-support-pseudo-elements/