input标签添加上disable属性在移动端字体颜色不兼容的解决办法。

最新推荐文章于 2025-06-25 11:43:21 发布
原创 最新推荐文章于 2025-06-25 11:43:21 发布 · 4.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #字体 #颜色 #移动端

本文介绍了一种针对网页中被禁用输入框的CSS样式设置方法，通过定义颜色及透明度确保即使在不可交互状态下也能保持良好的视觉效果。

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

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


Qt开发经验总结
草上爬的博客
12-02 1万+
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
HTML入门与进阶以及HTML5
热门推荐
wuyxinu的博客
12-12 38万+
目录 一、简介 1、前端开发最核心技术 （1）HTML是什么？ （2）CSS （3）JavaScript 2、前端开发其他技术 二、基础内容 1.基础总结 2.HTML的基本标签 (1)HTML标签 (2)head标签 (3)body标签 3、段落与文字 (一)、段落标签 (二)、网页特殊符号 (三)、自闭合标签 (四)、块元素和行内元素 (五)、练...
vue-ueditor-wrap检测到当前可能不是开发环境的报错解决
weixin_52673448的博客
04-12 838
vue-ueditor-wrap 的使用忽然遇到了问题，记录一下解决方法； 点击 源码 了解 CRMEB多商户，账号 demo 密码 crmeb.com 其他 开源项目 源码下 ：了解更多 小姐姐二维码 在这里插入图片描述 正文开始： 使用CRMEB多商户的商户，忽然遇到了问题，报错如下： 解决方案：(以下是CREMB多商户项目中的处理方法，如果是其他的使用中遇到方法类似，只需要改用自己的上传文件接口即可) 平台后台的前端代码，这安装包的文件/view/admin.zip解压，找到这里将这行代码注释掉
vue3中，wangEditor富文本组件的使用——.disable()富文本禁用、toolbarKeys配置菜单、shallowRef()创建实例、.destroy()销毁富文本、内容为html格式
weixin_44867717的博客
03-29 2975
【代码】vue3中，wangEditor富文本组件的使用——.disable()富文本禁用、toolbarKeys配置菜单、shallowRef()创建实例、.destroy()销毁富文本、内容为html格式。
用css实现文字字体颜色渐变
nunumaymax的博客
06-25 436
摘要： CSS3的background-clip属性配合渐变背景可实现文字颜色渐变效果。通过设置background-image为线性渐变（如从绿到白），并应用background-clip: text与-webkit-text-fill-color: transparent，使文字呈现从左到右的颜色过渡。代码简洁，兼容性需前缀支持，效果直观。
关于vue.js使用wangEditor3 基本设置和内容修改等一系列坑爹问题的解决方法
雷霆随笔
06-12 7651
最近做项目需要用富文本编译器，上次使用的tinymce把我坑了一通，这次换了个更坑爹的Wangeditor。我要说的内容就是自己踩到的坑和解决方法。 首先要安装插件:npm installwangeditor 官方文档https://www.kancloud.cn/wangfupeng/wangeditor3/335774，写的很简单，不过要仔细阅读。 按照官方文档的指示（里面还有vuej...
ios与android移动端input输入框disabled样式不一致问题
学而时习之，不亦说乎。
11-17 549
ios与android移动端input输入框disabled样式不一致问题 主要原因：ios会在input框为disabled时做透明度的设置 解决方法如下 input.disabled { -webkit-text-fill-color: #909399;//填充字体颜色 这个生效的时候 设置的color就不生效 opacity: 1 ;//设置透明度 background-color: transparent ;//去掉安卓背景色 } ...
vue 使用 ueditor 编辑器，设置不可编辑和可编辑，笔记，补充打开右键功能
cscscssjsp的博客
01-09 8285
设置可编辑和不可编辑，先上效果图 1.不可编辑状态 2.可编辑状态 通过点击按钮实现切换编辑状态 代码 1.关于vue 使用editor，请移步参考我另一篇文章： vue 集成ueditor（百度富文本编辑器）以及使用后端Java上传图片到服务器，特别注意的大坑 2.以下是已此为基础实现的 使用的地方 xx.vue，下面标签是自定义的组件，editor 被导入时组件名为hz...
unity 手机端TMP_input 表情
最新发布
08-13
导入一个支持表情符号的字体（例如，从网上下载一个免费的字体，如Noto Color Emoji，但注意TMP不支持颜色矢量字体，所以可能需要位图字体）。 2. 创建TMP字体资源：使用字体创建工具（通过TMP的字体资产创建器）...
用户体验优化手册：H5移动端网站开发的7大关键实践
本文首先概述了H5移动端网站开发的现状与挑战，随后深入探讨了用户体验的设计原则和基础理论，强调了界面设计与视觉优化的重要性。性能优化作为提升用户体验的关键，文中详细论述了代码优化技术、加载性能提升和渲染...
【PDFbox在Web应用中的运用】：后端服务中PDF文档处理的实战技巧
通过对多个行业案例的分析，本文展示了PDFbox在企业文档管理、在线教育平台以及移动端PDF文档处理中的实际应用和挑战。 # 关键字 PDFbox；PDF文档；内容编辑；格式转换；权限管理；性能优化；案例分析 参考资源...
wangEditor编辑器
02-20
基于javascript和css开发的 Web富文本编辑器， 轻量、简洁、易用、开源免费 与国产编辑器 百度ueditor 和 kindeditor 相比，它轻量、易用、UI设计精致漂亮。 与国外编辑器 bootstrap-wysiwyg 和 simditor 相比，它文档易读、交流方便，更接地气。 它还会根据使用者的反馈不断完善，未来将支持移动版。
vue2.0项目中使用Ueditor富文本编辑器示例代码
08-29
本篇文章主要介绍了vue2.0项目中使用Ueditor富文本编辑器示例代码，具有一定的参考价值，有兴趣的可以了解一下
ueditor编辑器设置限制字数
w2011011228的博客
10-16 6800
在配置文件editor.config.js里改下面这两个量： wordCount:true, //是否开启字数统计 maximumWords:10000, //允许的最大字符数
wangEditor编辑器的使用(上传图片/禁用/初始化等)
DOM曼珠沙华的博客
05-11 1万+
官方文档：https://doc.wangeditor.com/ 官方示例：https://www.wangeditor.com/ 在使用wangEditor之前需要先进行安装 npm i wangeditor --save 在安装完成后需要导入才能使用： import E from 'wangeditor' 在开发时，需要将wangeditor作为组件进行开发，新建文件，在文件内的部分是整个编辑器的内容（如果在你 需要使用的文件内添加，无法展示。也有可能是自己代码问题确实无法展示...
禁止输入空格键demo效果示例（整理）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
11-05 1884
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>禁止输入空格键</title> <script src="http://libs.baidu.com/jquery/1.11.3
VueCli3 Ant Design input输入框禁用后文字透明度变浅解决方法
qq_44229380的博客
11-23 1460
Cli3的框架需要自行配置全局的Css默认样式，在Vue.config.js里配置相关自定义属性即可 css: { loaderOptions: { less: { modifyVars: { // less vars，customize ant design theme // 'primary-color': '#F5222D', // 'link-color': '#F5222D', '
Vue中改变input，textarea中使用disabled属性的字体颜色
Lj02290326gs的博客
02-25 1万+
Ps→无奈：要输就输给追求，要嫁就嫁给幸福。 前言：相信很多猿友碰到过需要禁止输入的文本框之类的业务，有两个属性可以使用。 1.redonly属性，字体颜色默认黑色，但是没有精致输入的标志，鼠标仍然可以点击到文本框内，体验感不好。 2.disabled属性，字体颜色默认为浅灰色，有明显的鼠标禁止输入标志，但是在光线强的情况下很难看清楚内容是什么。 此文就是鄙人自己做个记录，修改disabled属...
vue antd table表格的增删改查（三）input输入框根据关键字模糊查询【后台管理系统 使用filter与indexOf嵌套】
XSL_HR的博客
03-27 1952
vue antd table表格的增删改查（三）input输入框根据关键字模糊查询（使用filter和indeOf嵌套）
怎么再class中添加disable属性，使其不可输入
06-25
如何通过JavaScript动态地将input元素的class设置为禁用状态以阻止用户输入”这里的关键是“阻止用户输入”，仅仅修改class属性（添加样式）并不能阻止用户输入，只能改变外观。因此，我们需要：-解释仅修改class不...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值