css - -moz-list-bullet 浏览器支持?

标签 css pseudo-element

webkit、opera 或 internet explorer 浏览器是否具有与 -moz-list-bullet 类似的属性?我试图在谷歌上搜索支持此功能的浏览器,但找不到任何信息。

最佳答案

设置 list-style-type: none; 并使用 ::before 伪元素的工作方式与 -moz-list-bullet 在所有浏览器中。

演示:http://jsfiddle.net/ThinkingStiff/rurbN/

CSS:

ul {
    list-style-type: none;
}

li::before {
    color: red;
    content: '\2605';
    padding-right: 6px;
}

HTML:

<ul>
    <li>one</li>
    <li>two</li>
</ul>

输出:

enter image description here

关于css - -moz-list-bullet 浏览器支持?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8643278/

相关文章:

javascript - 将 Twitter Boostrap 网站从开发转移到生产——将 LESS 编译成 CSS

javascript - 在不适合移动设备的页面上创建适合移动设备的小部件

css - 如何在 :after { content: 中混合样式

html - 放置 HTML 伪元素

php - AdminLTE-3 激活侧边导航栏

html - Bootstrap 将组件导航置于其他组件之上

html - 卡住从动态大小的文本转移的 div

javascript - 使用 javascript(或 jQuery)选择和操作 CSS 伪元素,例如::before 和::after

css - * :before, *的目的:在没有内容属性的规则之后

html - 在元素之间显示伪元素