uview:根据style某个样式,修改该class内的其他样式。

发布时间 2023-11-07 11:52:17作者: 浅悠

背景:小程序使用uview ui,根据设计需要将选中的日期颜色变成绿色,但是api并没有相关属性。样式穿透,也没有可以区分选中和不选中的class。唯一能找到不一样的就是font-weight属性,选中的是bold,未选中的是normal。因此可以使用 where 来定位到该标签,从而修改其样式。

 

关键代码:

 .u-picker__view__column__item:where([style*="font-weight: bold"]) {
    color: #14b4b4 !important;
  }

 效果如下: