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

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

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

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

li:before{
      content:"⚬";
      color:#529EFC ;
      font-size:18px;
      margin-right: 10px;
    }
THE END
分享
二维码
海报
自定义list-style-type圆圈颜色
使用 list-style-type 定义的 列表头部标记无法自定义颜色，可以借助`before`伪元素实现：
<<上一篇
下一篇>>
chat