如何使用CSS3中的属性disabled和enabled选择器

 时间:2024-10-29 01:36:39

1、第一步,双击打开HBuilder工具,在pages文件夹下,新建页面文件

如何使用CSS3中的属性disabled和enabled选择器

2、第二步,打开已新建的页面文件,修改title标签内容

如何使用CSS3中的属性disabled和enabled选择器

3、第三步,接着在body标签中,插入一个form表单,然后插入七个单选按钮

如何使用CSS3中的属性disabled和enabled选择器

4、第四步,添加一个style标签,使用disabled伪类选择器,设置不可用时样式

如何使用CSS3中的属性disabled和enabled选择器

5、第五步,在script标签中,定义一个函数changeRadio,然后绑定到单选按钮上

如何使用CSS3中的属性disabled和enabled选择器

6、第六步,保存代码并运行页面文件,打开浏览器,切换单选按钮,查看样式

如何使用CSS3中的属性disabled和enabled选择器
  • option对象如何使用disabled属性?
  • date对象如何使用disabled属性?
  • textarea对象如何使用disabled属性?
  • button对象如何使用disabled属性?
  • 如何使用CSS3中的read-only和read-write选择器
  • 热门搜索
    阿根廷红虾怎么做好吃 怎么美白 房屋契税怎么算 用手机怎么赚钱 colour怎么读 牙线怎么用 酒精过敏怎么治疗 牙疼怎么治 混沌怎么包 我的世界药水怎么做