背景:小程序使用uview ui,根据设计需要将选中的日期颜色变成绿色,但是api并没有相关属性。样式穿透,也没有可以区分选中和不选中的class。唯一能找到不一样的就是font-weight属性,选中的是bold,未选中的是normal。因此可以使用 where 来定位到该标签,从而修改其样式。
关键代码:
.u-picker__view__column__item:where([style*="font-weight: bold"]) { color: #14b4b4 !important; }
效果如下: