改变input框disabled 属性的背景颜色以及字体颜色

最新推荐文章于 2024-01-23 15:11:29 发布
最新推荐文章于 2024-01-23 15:11:29 发布
阅读量9.6k 收藏 1
点赞数
分类专栏： html 文章标签： disabled input 改变背景颜色
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44037153/article/details/102758908
版权 
改变input框disabled 属性的背景颜色以及字体颜色
color:#333333;
background: white;
opacity: 1;
-webkit-text-fill-color: #333333;
Hello.鑫
关注
专栏目录
Vue项目里设置el-tree默认选中的背景色和字体色以及鼠标悬停的背景色
qq_37635012的博客
02-13 7326
【代码】Vue项目里设置el-tree默认选中的背景色和字体色。
kivy之TextInput属性实操练习
michaelxguo的专栏
08-24 1681
TextInput属性比较多，常用在页面设计上的属性做了实操练习，便于很直观的了解学习本部件。并将其中一个输入提示的属性在实操源码里单独建立了一个功能进行演示。 TextInput常用属性 说明 text 文本内容 text_language 文本语言,例如:zh_CN、en_US、fr和ja halign 文本的水平对齐方式,可设置为auto(默认)、left、center和right等属性 multiline 是否显示多行文本,默认属性为True al
input标签disabled禁用
月落星河
12-01 1138
input { border: none; } input:disabled { background-color: white; } 当你的input标签被禁用的时候，那么你的背景会是黑色的，所以你要去去掉禁用的颜色，以上代码就是去掉禁用的颜色。 ...
修改el-input disabled状态下的字体颜色,vue修改子组件中的el-inputdisabled状态下的placeholder字体颜色
pleaseprintf的博客
03-10 5125
修改el-input disabled状态下的字体颜色,vue修改子组件中的el-inputdisabled状态下的placeholder字体颜色。
关于input 的 disabled 状态下颜色不对的问题
Hi_Eleven的博客
05-21 1270
近期在写项目过程中遇到一个问题，input框在disabled 的状态下，在电脑上调试的颜色是对的，但是在手机上颜色不对，找了很久都没有找到原因，后来问大佬才知道是disabled 自带的颜色样式 disabled 的默认样式 input:disabled { opacity: 0.4 } 修改后的样式 input:disabled { color: #fff; opacity: 1; -webkit-text-fill-color: #fff; } #fff为要
ant-design-vue 修改ant-input disabled样式（原先样式他们觉得太深了，把字体原色改明显了，背景色改浅了）
今日最可爱YeahT
05-08 9337
在src目录下新建一个common.less文件，在main.js里面引入这个文件 common.less覆盖原先的样式 /*覆盖ant-design-vue 样式**/ .ant-input[disabled] { color: rgba(0, 0, 0, 0.6); background-color: #f9f9f9; } .ant-select-disabled...
Vue中改变input，textarea中使用disabled属性的字体颜色
Lj02290326gs的博客
02-25 1万+
Ps→无奈：要输就输给追求，要嫁就嫁给幸福。 前言：相信很多猿友碰到过需要禁止输入的文本框之类的业务，有两个属性可以使用。 1.redonly属性，字体颜色默认黑色，但是没有精致输入的标志，鼠标仍然可以点击到文本框内，体验感不好。 2.disabled属性，字体颜色默认为浅灰色，有明显的鼠标禁止输入标志，但是在光线强的情况下很难看清楚内容是什么。 此文就是鄙人自己做个记录，修改disabled属...
修改elementplus中el-input禁用状态下的背景颜色
m0_47735883的博客
05-31 1740
修改elementplus中el-input禁用状态下的背景颜色
css多个按钮点击变颜色,用事件与CSS改变按钮不同状态下的颜色
weixin_35382961的博客
08-03 2674
目标效果：表单的群发按钮，在鼠标悬停时为深蓝色，鼠标离开时为淡蓝色。HTML代码：群 发预 览CSS代码：.btn{color:#ffffff;background:#44b549;padding-top:3px;border-top: 1px solid #44b549;border-right: 1px solid #44b549;border-bottom: 1px solid ...
input的除属性外的所有css样式设置
最新发布
10-19
这里设置了字体大小、颜色、边框、内边距以及背景色的基本样式。 2. **选中状态**: ```css input:focus { outline: none; /* 去除默认焦点样式 */ box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); /* 添加自定义聚焦...
微信小程序 input输入框控件详解及实例（多种示例）
08-31
- 使用`style`属性直接在标签内添加内联样式，如背景色、字体大小等。 5. **表单提交与重置** - `form`组件可以包含多个`input`，通过`bindsubmit`绑定提交事件，例如： ```html ... ``` - `bindreset`...
Laya.TextInput组件中禁用后改变输入框背景色和文字颜色
ju__ju的博客
10-18 602
Laya.TextInput是Laya中的输入框组件,可以设置背景色,背景框颜色,还有输入文字的颜色等,项目中有需要输入框的地方通常使用这种组件,有时候会有禁止输入的场景,也就是只能看,无法输入的场景 例如: 首先查看改组件属性,发现其有disabled的属性,也就是当disabled为true时,该输入框确实无法输入,而且会变灰,然而也无法改变背景框,文字,背景色等颜色了(只能改成#fff或者纯黑,其他颜色一概显示有问题) 然后否决了这个方法,采取了mouseEnabled 这个属性 ...
VUE_ELEMENT el-input修改禁用后字体颜色
FFFAN_KIKI的博客
11-09 2884
修改后：呈现深灰色，字体颜色加深，增强视觉表现力。修改前：呈现浅灰色，用户表示看着眼花。代码，在style里面加入。
修改elementplus中el-input禁用状态下的文字颜色并且文字靠右对齐
m0_47735883的博客
05-31 2217
修改elementplus中el-input禁用状态下的文字颜色并且文字靠右对齐
如何修改el-input在禁用下的字体颜色和大小
m0_51583158的博客
08-21 2283
important;//修改输入框文字颜色。通过深度选择器取修改，并且一定是-webkit-text-fill-color属性修改颜色。
使用css样式 解决input 设置disabled="true"属性后变为灰色问题
idongit的博客
08-07 1万+
很简单为disabled设置背景颜色为白色（color设置的是input框中值的颜色）   input[disabled]{background:#fff;opacity:1;color:black;}
解决input框中加入disabled=“disabled“之后，改变字体的颜色（默认的是灰色）
热门推荐
一片天空
07-31 1万+
发现给input disabled 输入框设置以下样式： input:disabled, input[disabled]{ color: red; opacity: 1; }· 发现没有效果；而后改为这样： input:disabled, input[disabled]{ color: red; opacity: 1; -webkit-text-fill-color:red; // ios 和 安卓9.0 必须添加此属性，才会生效 -webkit-opacity:1; } -we
input disabled 状态下颜色不一致
lx6091543wwwcctv的博客
01-23 521
input disabled 状态下iOS和Android颜色不一致。
iOS 改变input disabled 默认的字体颜色
在这个数字革命的时代，我们将引领您穿越去中心化、智能合约、加密货币以及分布式应用程序的世界。无论您是初学者还是经验丰富的区块链开发者，我们都致力于为您提供有价值的信息和见解。
11-21 1752
本以为改变input[disabled]的字体颜色只需要改变color和opacity就可以了，结果发现在iPhone手机和Mac的Safari浏览器中都不起作用。所以接下来我们来研究一下它。 1.设置 -webkit-text-fill-color input:disabled, input[disabled] { -webkit-text-fill-color: #2c363f; ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Hello.鑫

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

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

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

打赏作者

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

抵扣说明：

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

余额充值