微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:checked 伪类(不支持)

版权声明:黄菊华 https://blog.csdn.net/u013818205/article/details/86605957

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

定义和用法
:checked 选择器匹配每个已被选中的 input 元素(只用于单选按钮和复选框)。
浏览器支持
在这里插入图片描述

小程序应用

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

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)选择器课程
https://edu.csdn.net/course/detail/12854
微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:checked 伪类(不支持)

猜你喜欢

转载自blog.csdn.net/u013818205/article/details/86605957
今日推荐