小程序中的WXSS(css)选择器课程-伪类-:checked 伪类(不支持)

定义和用法
:checked 选择器匹配每个已被选中的 input 元素(只用于单选按钮和复选框)。
浏览器支持
微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:checked 伪类(不支持)

小程序应用

防采集标记:黄菊华老师的课程和资料

Wxml代码

<!--不支持-->
<view>
  <checkbox>选项1</checkbox>
  <checkbox checked='true'>选项2</checkbox>
</view>

<view>
  <radio>选项A</radio>
  <radio checked='{{true}}'>选项B</radio>
  <radio checked>选项B</radio>
</view>

Wxss代码

view{
  margin: 10px;
  padding: 10px;
}

checkbox:checked {
  color: red;
}

效果图
微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:checked 伪类(不支持)
欢迎大家学习我的视频课程:微信小程序界面设计-小程序中的WXSS(css)选择器课程
https://edu.csdn.net/course/detail/12854
微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:checked 伪类(不支持)

相关文章:

  • 2022-12-23
  • 2021-08-26
  • 2021-08-01
  • 2022-01-12
  • 2021-05-14
  • 2022-12-23
  • 2022-03-06
  • 2021-12-20
猜你喜欢
  • 2021-09-23
  • 2021-08-09
  • 2021-07-07
  • 2021-10-19
  • 2021-07-29
  • 2021-07-15
  • 2021-05-17
相关资源
相似解决方案