首页 > 软件开发 > CSS >

CSS怎么修改disabled属性的颜色

来源:互联网 2023-03-16 19:16:33 版权归原作者所有,如有侵权,请联系我们

很多做web开发的小伙伴想要修改表单disabled的颜色等样式,但是不知道如何修改,下面小编就把方法演示给大家!tdw办公区 - 实用经验教程分享!

CSS怎么修改disabled属性的颜色tdw办公区 - 实用经验教程分享!

工具/原料

  • 联系电脑
  • windows10
  • HBuilder X
  • CSS

方法/步骤

  • 1

    首先用开发沃廊工具打开或新建【HTML文档】tdw办公区 - 实用经验教程分享!

    CSS怎么修改disabled属性的颜色tdw办公区 - 实用经验教程分享!

  • 2

    创建表单,并添加【disabled属性】tdw办公区 - 实用经验教程分享!

    示例代码:button disabled="disabled">按钮/button>tdw办公区 - 实用经验教程分享!

    CSS怎么修改disabled属性的颜色tdw办公区 - 实用经验教程分享!

  • 3

    给表单添辞政羞加CSS样式,裁牺修改【disabled样式】tdw办公区 - 实用经验教程分享!

    示例代码:button[disabled]{opacity:1;color:#f00;}tdw办公区 - 实用经验教程分享!

    CSS怎么修改disabled属性的颜色tdw办公区 - 实用经验教程分享!

  • 3
  • 4

    打开浏览器预览效果,保存代码即可!tdw办公区 - 实用经验教程分享!

    CSS怎么修改disabled属性的颜色tdw办公区 - 实用经验教程分享!

  • 注意事项

    • tips:核心代码在步骤三和步骤四!如果您看得明白直接复制使用即可哦!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!tdw办公区 - 实用经验教程分享!


    标签: CSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号