关于disabled的样式，去掉了灰色，感觉自己萌萌哒

最新推荐文章于 2023-05-15 20:39:04 发布
转载 最新推荐文章于 2023-05-15 20:39:04 发布 · 4.9k 阅读 · 1

本文介绍了一个简单的 CSS 样式设置案例，针对 HTML 中的 input 输入框进行透明背景及边框颜色等样式的定义。 
input{
background:transparent;
color:#aaa;
border:1px solid #aaa;

}

FroSro
关注
disabled el-select禁用样式 修改 去掉禁用样式 disabled 变为 readonly
weixin_50885665的博客
02-27 2392
【代码】disabled el-select禁用样式 修改 去掉禁用样式。
jquery 设置disabled与去掉disabled属性的方法
Java和大数据等相关的技术交流分享，欢迎关注交流
05-09 6060
jquery 设置disabled与去掉disabled属性的方法如下: //设置disabled属性的方法 $('#mytext').attr("disabled",true); $('#mytext').attr("disabled","disabled"); //移除disabled属性的方法 $('#mytext').attr("disabled",false); $('#myt...
前端：Vue readadyonly 代替 disabled
classic0608的博客
05-15 333
结论：顾名思义，disabled=禁止输入，readonly=只读。后者不会出现灰框，个人认为后者保持界面一致性更好一些。需求：input输入框，禁止用户通过键盘输入，只能通过help按钮等选择输入时。
Element UI非活性时（Disabled），改变字体颜色
捷锐优快云专栏
11-24 4265
Element UI组件在非活性时（Disabled)，字体颜色太淡，显示不清楚，加上以下样式，就可以改变字体颜色了。
解决了一个大问题，select标签设置disable后ie修改默认字体颜色暂时解决，去除了灰色
kiven的博客
03-11 6890
找了很多资料，终于在科学上网后找到了一个方法，虽然暂时不知道原理，但是已经实现了功能就是好的 目前这个样式只支持Ie10以上的 原文来自：http://www.bloggeng.com/archives/229 select[disabled='disabled']::-ms-value { color: #000; }
vue :disabled
weixin_35749786的博客
01-05 1664
vue中的:disabled表示禁用某个元素。当元素被禁用时，用户不能对其进行操作，并且会添加禁用样式(通常是灰色)。 使用方式： <template> <div> <button :disabled="isDisabled">Click me</button> </div> </template> <...
web组件disabled之后灰色变亮样式调整
05-09
### Web组件Disabled状态下的灰色变亮样式调整 在Web开发中，经常需要处理表单控件或其他交互元素的禁用状态。当一个元素被设置为`disabled`时，默认情况下，大多数浏览器会将其显示为灰色或者降低其透明度，以此来...
JQuery设置和去除disabled属性的5种方法总结
10-27
在JavaScript库JQuery中，我们可以灵活地设置或去除`disabled`属性，以控制用户的交互行为。以下是对标题和描述中提及的5种方法的详细解释： 1. **设置disabled属性** - **方法一：通过值为`true`来设置** ```...
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
10-15
在微信小程序中，动态控制Input组件的disabled状态是一项常见的需求，尤其在实现用户信息编辑与保存功能时。本文将详细讲解如何实现这一功能，并解决在实际开发中可能遇到的“disabled属性不生效”的问题。 首先，...
el-radio的disabled设置
wjxhliu的博客
04-13 7077
:disabled=“true” 是el-radio被禁用的状态 通过:disabled=“value” 在方法中设置value的true或者false
VUE 输入框disabled颜色问题解决
weixin_34403976的博客
05-28 8251
VUE 输入框disabled颜色问题解决 input[disabled],input:disabled,input.disabled{ color: #333; -webkit-text-fill-color:#333; -webkit-opacity:1; opacity: 1; }
解决input框中加入disabled=“disabled“之后，改变字体的颜色（默认的是灰色）
00年女程序员分享自己的学习笔记
07-21 5859
此问题，以解决input框中加入disabled=“disabled“之后，改变字体的颜色（默认的是灰色）为例。我们要设置那个input样式时，要深入选中class=“el-input_inner”
vue/elementUI 输入框disabled颜色问题解决
weixin_43914278的博客
11-04 7761
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
使用css样式 解决input 设置disabled="true"属性后变为灰色问题
idongit的博客
08-07 1万+
很简单为disabled设置背景颜色为白色（color设置的是input框中值的颜色）   input[disabled]{background:#fff;opacity:1;color:black;}
去掉button disable时自带的样式
YYece的博客
01-03 634
&[disabled] { opacity: 1 !important; }
Vue中改变input，textarea中使用disabled属性的字体颜色
热门推荐
Lj02290326gs的博客
02-25 1万+
Ps→无奈：要输就输给追求，要嫁就嫁给幸福。 前言：相信很多猿友碰到过需要禁止输入的文本框之类的业务，有两个属性可以使用。 1.redonly属性，字体颜色默认黑色，但是没有精致输入的标志，鼠标仍然可以点击到文本框内，体验感不好。 2.disabled属性，字体颜色默认为浅灰色，有明显的鼠标禁止输入标志，但是在光线强的情况下很难看清楚内容是什么。 此文就是鄙人自己做个记录，修改disabled属...
disabled属性的添加与移除
longe20111104的博客
07-06 2004
disabled属性的添加与移除 //两种方法设置disabled属性 $('#areaSelect').attr("disabled",true); $('#areaSelect').attr("disabled","disabled"); //三种方法移除disabled属性 $('#areaSelect').attr("disabled",false); $('#areaSelect').removeAttr("disabled"); $('#areaSelect').attr("disab
修改el-input、textarea、el-checkbox的禁用状态下的颜色
qq_1336674576的博客
02-25 6287
修改el-input、textarea、el-checkbox的禁用状态下的颜色
输入框disabled可以改为不是灰色吗
05-23
是可以改变的，可以通过以下方式来实现： 1. 使用 CSS 样式来修改输入框的颜色，如下所示： ```css input[type="text"]:disabled { background-color: #f2f2f2; color: #999; } ``` 2. 使用 JavaScript 来修改输入框的 disabled 属性，如下所示： ```javascript document.getElementById("myInput").disabled = false; ``` 这会使输入框变成可用状态，不再呈现灰色。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值