input disable属性下面 更改文本框或者按钮的颜色（对IOS兼容处理）

最新推荐文章于 2024-11-27 02:00:00 发布
最新推荐文章于 2024-11-27 02:00:00 发布
阅读量3.9k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： iPhone手机兼容
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u013630488/article/details/51275895
本文介绍了一种使用CSS为HTML中被禁用的输入框和按钮设置颜色的方法。通过使用input:disabled 和 input[disabled]选择器，可以精确地改变这些元素的文字颜色。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

                        input disable属性下面 更改文本框或者按钮的颜色

input:disabled, input[disabled]{
color: red;
-webkit-text-fill-color:red;
-webkit-opacity:1;
opacity: 1;
}

【Python】高效的Web自动化测试利器—Python+Playwright快速上手自动化实战指南
墩墩分墩
08-16 6864
**Playwright是微软在` 2020 年初 `开源自动化测试工具，功能和 selenium 类似，都可以驱动浏览器进行各种自动化操作。** - 支持主流浏览器，如Chrome、Firefox、Safari 等，同时支持以**无头模式、有头模式**运行，并提供了**同步、异步的 API**，可以结合 `主流测试框架`使用，并且支持浏览器端的自动化脚本录制等功能。 **特点：** - 跨浏览器：Playwright 支持所有现代渲染引擎，包括Chromium、WebKit 和 Firefox； - 跨
Qt开发经验总结
草上爬的博客
12-02 1万+
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
iOS 改变input disabled 默认的字体颜色
在这个数字革命的时代，我们将引领您穿越去中心化、智能合约、加密货币以及分布式应用程序的世界。无论您是初学者还是经验丰富的区块链开发者，我们都致力于为您提供有价值的信息和见解。
11-21 1841
本以为改变input[disabled]的字体颜色只需要改变color和opacity就可以了，结果发现在iPhone手机和Mac的Safari浏览器中都不起作用。所以接下来我们来研究一下它。 1.设置 -webkit-text-fill-color input:disabled, input[disabled] { -webkit-text-fill-color: #2c363f; ...
input标签在使用disabled后在ios端字体颜色不能正常显示解决方法
weixin_42178670的博客
12-08 2162
解决在对应的选择器中如下写法： input.disabled { color: #666; -webkit-text-fill-color: #666; -webkit-opacity: 1; opacity:1; }
ios文本框字体样式
MorningSunHappy的博客
05-30 410
无
ios的input属性Disabled默认样式问题
weixin_30553065的博客
09-21 554
需求 移动端，浏览个人信息页时，表单内的信息希望是不可编辑不可点状态(readonly属性会另外出现光标) 当点击编辑按钮进入可编辑状态后，姓名和岗位变为可编辑状态，手机仍旧是不可编辑不可点状态 问题描述 对不可编辑不可点的设置，input定义disabled属性 在ios上会出现截图所示，设置的value的值几乎看不见 解决办法 1.解决的办法是不用disabled...
小记ios与android移动端input框disabled样式不一致问题
small-town
02-24 590
1. 情景描述 input框设置为disabled时在ios与android上样式不一致。 2. 问题追踪 坚持不懈地搜索以及测试，才发现根本问题在于：ios会在input框为disabled时做透明度的设置，所以无论怎么调整颜色，总会不太一样，以下为测试代码： <!DOCTYPE html> <html> <head> <meta charset="u...
iOS Apps 开发(Swift)（9）——Implement Navigation
mcf171的专栏
02-28 783
前言：网上一直没有找到用Swift开发IOS的好的教程，所以找了官网的文档翻译一下算了。如有错误欢迎指正。 原文链接：Implement Navigation —————————————————————————————— 在本次课程中，我们将使用导航控制器并且创建FoodTracker app的导航控制流，在课程的最后我们将有一个完整的当行模式和交互流。当我们最终完成app之后，界面如图所示
【微信小程序】10分钟学会微信小程序textarea多行输入框组件，你还在等什么？
最新发布
java专栏
11-27 1362
通过以上详细的介绍，相信你已经对微信小程序中的textarea多行输入框组件有了全面的了解。textarea组件虽然看似简单，但功能强大，能够帮助开发者实现丰富的输入功能和良好的用户体验。只要你掌握了这些基础知识和技巧，就能轻松应对各种开发任务。希望你能轻松掌握这些技能，成为微信小程序开发的高手！🌟🚀下次见，祝你开发愉快！👋🎉。
fastadmin 各种开发技巧，问题总合集，持续跟新中....
xxpxxpoo8的专栏
07-09 1802
也可以单独获取某个字段 js 需改后的代码 需要带花括号 下面简单介绍一下几个配置的含义 name:唯一标识,其中index/add/edit/del/multi/dragsort这几个框架已经暂用,如果使用将会覆盖已有属性 text:按钮上的文本，可以为空时，为空时按钮将不显示文字信息，为空时最好配置上icon的值 title:按钮的标题信息，当鼠标移到上面时显示的文字，同时作为dialog弹出窗时的标题信息 icon:按钮上的按钮信息，可使用Font-awesome的按钮，当text为空时请务必填
改变input框disabled 属性的背景颜色以及字体颜色
weixin_44037153的博客
10-26 9901
改变input框disabled 属性的背景颜色以及字体颜色 color:#333333; background: white; opacity: 1; -webkit-text-fill-color: #333333;
ios的input Disabled属性默认样式问题
流都的博客
12-16 530
问题：表单不可编辑状态-ios的input的属性设置为disabled，会造成字体颜色变灰 对不可编辑不可点的设置，input定义disabled属性 在ios上会出现截图所示，设置的value的值几乎看不见 解决办法 用disabled，用readonly属性（readonly属性会额外出现光标） ...
关于input 的 disabled 状态下颜色不对的问题
Hi_Eleven的博客
05-21 1370
近期在写项目过程中遇到一个问题，input框在disabled 的状态下，在电脑上调试的颜色是对的，但是在手机上颜色不对，找了很久都没有找到原因，后来问大佬才知道是disabled 自带的颜色样式 disabled 的默认样式 input:disabled { opacity: 0.4 } 修改后的样式 input:disabled { color: #fff; opacity: 1; -webkit-text-fill-color: #fff; } #fff为要
怎么解决input框中加入disabled="disabled"之后，改变字体的颜色（默认的是灰色）
热门推荐
panghaichun的博客
02-24 6万+
<input class="color-red" type="submit" name="share_price" disabled="disabled" value="分享后付（{$check_census_share_price}元）" />在input框中加入disabled=”disabled”之后，字体默认的就变成灰色了解决方案input[disabled]{color:#fff;opac
解决input框中加入disabled=“disabled“之后，改变字体的颜色（默认的是灰色）
00年女程序员分享自己的学习笔记
07-21 5850
此问题，以解决input框中加入disabled=“disabled“之后，改变字体的颜色（默认的是灰色）为例。我们要设置那个input样式时，要深入选中class=“el-input_inner”
ios下input disabled禁用更改原始的灰色
阵雨的博客
01-13 2553
在android下只用设定input的color即可，在ios下需要增加以下代码 input:disabled,input[disabled] { color: #343434!important; opacity: 1; }
input标签添加上disable属性在移动端字体颜色不兼容的解决办法。
Leo的专栏
05-10 4757
就一段css样式。
修改input加disabled后的样式
糖果云专栏
02-14 6708
 安卓手机下禁用加了： background-color: rgb(235, 235, 228); 苹果手机下禁用把透明度加到了0.3 。 修改默认样式只需加以下样式即可。 input[disabled]{ filter: alpha(opacity=100); opacity:1; background: #fff; } 看一下安卓与苹果禁用后的区别 正常未禁用：...
el-form表单的disable属性和input输入框的disable属性有什么区别
07-07
el-form表单的disable属性和input输入框的disable属性有一些区别。 1. el-form的disable属性是用于禁用整个表单的，当设置为true时，整个表单中的所有元素都会被禁用，包括输入框、按钮、复选框等。这个属性通常...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值