自定义list-style-type圆圈颜色

东明兄 • 2018-01-20 • 开发笔记 • 1135 阅读

使用list-style-type:circle; 实现列表项头部 空心圆效果，但是无法更改颜色。

使用 list-style-type 定义的 列表头部标记无法自定义颜色，可以借助before伪元素实现：

li:before{
      content:"⚬";
      color:#529EFC ;
      font-size:18px;
      margin-right: 10px;
    }

版权声明：
作者：东明兄
链接：https://blog.crazyming.com/note/2443/
来源：CrazyMing
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
海报
自定义list-style-type圆圈颜色
使用 list-style-type 定义的 列表头部标记无法自定义颜色，可以借助`before`伪元素实现：
<<上一篇
下一篇>>
chat