css伪类使用技巧一例

发表于 2020-09-29 更新于 2021-03-25 分类于 css 阅读次数：

最近测试同学提了一个问题，觉得antd的时间选择组件，没有提示时分秒，不太友好。这种问题都能够提出来，是不是感觉咱们的前端水平已经被激发到极致了，估计antd是不太会接受这种问题的。这种问题怎么解呢，你还别说，真让我想到一个好办法，那就是用css伪类。

问题如下：

增加如下样式：

1
2
3

.ant-picker-time-panel::before {
  content: '时\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0分\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0秒';
}

最终效果，测试同学应该满意了：