有时我们对默认的li样式不是特别满意,比如li前的点和文字间隔太小或太大,如果要调整需要如何操作呢?随ytkah一起来看看吧

  1.首先把默认的样式隐藏

.ProductMeta__Description .Rte li {
    padding: 1px 0;
    position: relative;
    list-style: none;
    padding-left: 15px;
}

  2.添加新的样式

.ProductMeta__Description .Rte li::after {
    content: '';
    margin-right: 2px;
    position: absolute;
    top: 8px;
    left: 2px;
    width: 5px;
    height: 5px;
    background: #666;
    border-radius: 50%;
}

  示例样式如下

重新定义li样式如何操作

 

相关文章:

  • 2022-01-21
  • 2022-12-23
  • 2022-01-23
  • 2021-10-26
  • 2022-12-23
  • 1970-01-01
  • 2021-06-09
  • 2021-12-06
猜你喜欢
  • 2022-12-23
  • 2021-10-04
  • 2022-01-18
  • 2021-12-26
  • 2022-12-23
  • 2021-12-26
  • 2022-12-23
相关资源
相似解决方案