如何使用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选择器
  • 热门搜索
    无锡旅游 回迁房可以买卖吗 手脚冰凉出汗是怎么回事 淮南旅游 生粉怎么用 个人简历怎么写范文 梦见去旅游 任督二脉怎么打通 山西有哪些旅游景点 一路向西在哪可以看