button按钮(或者文本框)指定颜色设置disabled属性不变灰的解决办法

最新推荐文章于 2024-01-18 15:51:42 发布
最新推荐文章于 2024-01-18 15:51:42 发布
阅读量6.9k 收藏 4
点赞数 4
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chd_sun/article/details/113753823
版权

页面上有两个按钮，一个失效不能点击，一个正常。但是设置其颜色之后，失效属性不会变灰色。(对input输入框其他类型也同样适用)
在这里插入图片描述

在这里插入图片描述
解决办法如下
引入一个css属性

input[disabled]{color:grey !important;opacity:1}

在这里插入图片描述
在这里插入图片描述

微微笑再加油
关注
专栏目录
Qt开发经验总结
草上爬的博客
12-02 8271
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
day01 -Web API介绍—DOM 介绍—获取元素—事件基础—操作元素—排他操作—自定义属性操作—节点操作—案例：动态生成表格—创建元素的三种方式（经典面试题）
小琳爱分享的博客
08-04 516
day01 -Web API介绍—DOM 介绍—获取元素—事件基础—操作元素—排他操作—自定义属性操作—节点操作—案例：动态生成表格—创建元素的三种方式（经典面试题）
el-button 设置了按钮的颜色，点击按钮不让其变色，依旧保持设置的颜色
最新发布
szzlh123456789的博客
01-18 998
【代码】el-button 设置了按钮的颜色，点击按钮不让其变色，依旧保持设置的颜色。
el-button 的:disabled不生效
carbonzhao的专栏
05-30 5040
我的页面里面有三个按钮 ，根据业务逻辑显示切换不同的状态。结果切换时，中间按钮的禁用状态无效了！添加:KEY=''，给个唯一值即可！瞬间内心一万个操泥马飘过。
对话框程序菜单项可以禁用但不变灰问题的解决方法
程序道 -Learning, Thinking and Coding <存储知识的金库>
04-04 1363
1、问题描述 今天在做基于对话框的MFC程序时，根据条件禁用了某一菜单项： 测试发现该菜单项确实功能无效，但是没有变灰的效果。 2、解决方法 根据网上资料，对于视图文档类MFC程序，在主框架类CMainFrame的构造函数中把成员变量m_bAutoMenuEnable=FALSE就可以解决问题了。 但是基于对话框的MFC应用程序没有m_bAutoMenuEnable变量。
（翻译）禁用按钮不应变灰的原因
gc_2299的博客
01-31 1137
禁用按钮未激活时是什么样式？大部分设计人员会将未激活按钮设为灰色，但这么做按钮的启用状态和禁用状态看着完全不同，让用户措手不及。从灰色变为全彩色不可预料，会影响用户的预期。
IE下的下拉输入框disabled状态不变灰
a5702110023的博客
12-23 440
　　IE浏览器一直与众不同，很多代码在IE下面会被解释成跟别的浏览器不一样的东西。例如同为disabled=true的状态下，下拉框与输入框背景色不一样： 　　而在其它浏览器，比如chrome，则显示统一的样式： 　　这样就需要我们手动改一下样式。首先判断是否是IE浏览器： var isIE = /msie/i.test(navigator.userAgent) &am...
ExtJS filefield设置disabled为true后按钮不灰显的解决办法
热门推荐
笔心
07-30 1万+
ExtJS4.1中，filefield设置默认值为true时，
vue/elementUI 输入框disabled颜色问题解决
weixin_43914278的博客
11-04 7455
elementUI本身输入框el-input自带了disabled属性，但是当你需要覆盖其样式或者自己写一个自己的my-el-input时，不妨用下面的代码，注意opacity 1表示不透明，cursor：表示滑动过去鼠标为禁止样式 /deep/ input[disabled],input:disabled,input.disabled{ -webkit-text-fill-color:#C0C4CC; background: #F5F7FA; -webkit-opacity:1; opac
按钮禁用与倒计时
丶坏孩子的博客
05-17 858
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术：VS MVC 作者：袁志彤 撰写时间：2019-05-16 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 我写这...
win32程序窗口风格说明
ll2323001的专栏
07-03 5541
参考：主要是罗云彬老师的《win32汇编程序设计》 一、注册窗口时,用到的窗口类结构 invoke RegisterClassEx,addr@stWndClass WNDCLASSEX    STRUCT   CbSize                  DWORD      ?    ；结构的字节数   Style                       DWORD
educoder——web：构建web表单
m0_51461030的博客
12-05 1867
构建web表单
UIButton设置为disabled且不变灰的解决方法
huangmindong的专栏
04-27 7422
button.adjustsImageWhenDisabled = NO;
【Element】el-button disabled 为 true 置灰后后不显示外层 tooltip 问题
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
07-07 372
可将 el-tooltip 内的 el-button 外层包裹一个容器，如下:
el-button设置了按钮的颜色，如何能点击按钮不让其变色，依旧保持设置的颜色
qq_45349764的博客
08-18 1343
【代码】el-button设置了按钮的颜色，如何能点击按钮不让其变色，依旧保持设置的颜色。
输入框禁用但不变灰
weixin_70239086的博客
06-08 237
html调整disabled按钮颜色,Input Color disabled 属性的用法_HTML对象
weixin_36054508的博客
06-17 1068
Input Color disabled 属性示例代码D禁用拾色器:document.getElementById("myColor").disabled = true;输出结果：代码片段：点击 "点我" 按钮禁用以上拾色器。点我function myFunction() {document.getElementById("myColor").disabled = true;}演示一下 ? 一、定...
element-select disabled只读后修改css字体颜色不生效
qq_34234337的博客
06-27 1503
【element-select disabled只读后修改css字体颜色不生效】 今天想做一个动态改变select框字体颜色发现修改不了，原来是select使用disabled，它使用的优先级比color更高的-webkit-text-fill-color，导致怎么设置颜色都无效。重新设置一下-webkit-text-fill-color即可，因为是局部使用的所以加了class（special-color）
解决element中 el-button按钮 移入后移出时背景颜色不恢复问题（最简单方法（自认为哈哈））
weixin_46069849的博客
06-21 5416
在el-button中加入原有背景颜色以及边框颜色 <el-button style="background: #409EFF; border: 1px solid #409EFF"></el-button> 加入hover 移入效果 .currenBtn:hover { opacity: 0.8; } 自测后有惊喜
button按钮的属性设置
05-28
button按钮是HTML中常用的元素之一，它可以用于触发某些事件或者提交表单等功能。下面是一些常用的button按钮的属性设置： 1. type属性：用于指定按钮的类型，包括submit、reset和button三种类型； 2. name属性：用于指定按钮的名称，便于在表单提交时进行参数传递； 3. value属性：用于指定按钮的值，便于在表单提交时进行参数传递； 4. disabled属性：用于禁用按钮，使其不可点击； 5. onclick属性：用于指定按钮被点击时触发的事件，可以是JavaScript函数或者代码片段。 例如，下面是一个使用了type、name、value和onclick属性的button按钮的示例代码： ```html <button type="submit" name="submit" value="submit" onclick="alert('Button clicked!')">Submit</button> ``` 当用户点击该按钮时，会触发一个弹窗提示框，内容为"Button clicked!"。同时，该按钮的名称为"submit"，值为"submit"。在表单提交时，如果该按钮被点击，则会将该按钮的名称和值作为参数传递给服务器端。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

微微笑再加油

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值