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

最新推荐文章于 2024-09-27 10:33:48 发布

Leo-hzj

最新推荐文章于 2024-09-27 10:33:48 发布

阅读量4.7k

点赞数

分类专栏： css 文章标签： css 字体颜色移动端

本文链接：https://blog.csdn.net/q36835109/article/details/71514696

版权

css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Leo-hzj

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Qt开发经验总结

草上爬的博客

12-02

8693

增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。

HTML入门与进阶以及HTML5

最新发布

weixin_73060959的博客

09-27

592

属性是布尔属性，它的值通常不需要写出来，只要属性存在，就会生效。标签中时，按钮会变为禁用状态，这意味着用户无法与之交互，它不会被包含在表单提交中。在这个例子中，按钮被禁用了，用户无法点击它。如果你想禁用一个按钮，应该使用。这与不写值的效果相同，都是禁用按钮。属性是一个布尔属性，当它出现在。

vue3中，wangEditor富文本组件的使用——.disable()富文本禁用、toolbarKeys配置菜单、shallowRef()创建实例、.destroy()销毁富文本、内容为html格式

weixin_44867717的博客

03-29

1911

【代码】vue3中，wangEditor富文本组件的使用——.disable()富文本禁用、toolbarKeys配置菜单、shallowRef()创建实例、.destroy()销毁富文本、内容为html格式。

关于vue.js使用wangEditor3 基本设置和内容修改等一系列坑爹问题的解决方法

雷霆随笔

06-12

7491

最近做项目需要用富文本编译器，上次使用的tinymce把我坑了一通，这次换了个更坑爹的Wangeditor。我要说的内容就是自己踩到的坑和解决方法。首先要安装插件:npm installwangeditor 官方文档https://www.kancloud.cn/wangfupeng/wangeditor3/335774，写的很简单，不过要仔细阅读。按照官方文档的指示（里面还有vuej...

ios与android移动端input输入框disabled样式不一致问题

学而时习之，不亦说乎。

11-17

503

ios与android移动端input输入框disabled样式不一致问题主要原因：ios会在input框为disabled时做透明度的设置解决方法如下 input.disabled { -webkit-text-fill-color: #909399;//填充字体颜色 这个生效的时候设置的color就不生效 opacity: 1 ;//设置透明度 background-color: transparent ;//去掉安卓背景色 } ...

移动端开发遇到的问题及解决方式

ygkyufcl的博客

03-03

1070

1.解决页面使用overflow: scroll在iOS上滑动卡顿的问题? 首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题。解决方案是： (1) 看是否能把body和html的height: 100%去除掉。 (2) 在滚动的容器中增加：-webkit-overflow-scrolling: touch或者给body增加：body...

前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)

qq_36609655的博客

07-02

1万+

第1章Html Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。就是给文本加上含有语义的标签。接下来应该学习更多具体语义标签：一、结构（固定的结构） <html> <head> <title></title> </head> <bod...

Python自动化测试笔记

yu506591069的博客

07-05

2771

自动化入门主流自动化测试框架有哪些： web网页自动化：selenium + 编程语言 + 测试矿建 app自动化：appium + 编程语言 + 测试框架接口自动化：编程语言 + http库 + 测试框架 web网页/ app/接口自动化：RobotFramework web自动化测试 1.web网页 2.在游览器中访问网页 3.通过浏览器与web网页进行交互（操作页面，输入输出）目标：让代码代替人工完成与互联网浏览器的交互 web自动化-环境安装安装浏览器-Google,firefox

vue2.0项目中使用Ueditor富文本编辑器示例代码

08-29

本篇文章主要介绍了vue2.0项目中使用Ueditor富文本编辑器示例代码，具有一定的参考价值，有兴趣的可以了解一下

ueditor编辑器设置限制字数

w2011011228的博客

10-16

6684

在配置文件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

1854

<!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

1380

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

1837

vue antd table表格的增删改查（三）input输入框根据关键字模糊查询（使用filter和indeOf嵌套）

input禁止输入的方法

qq_43248623的博客

07-23

2285

1： readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。 <input type="text" value="哈哈哈" readonly="readonly"> 2：disabled 被禁用的 input 元素可复制，不能接收焦点,设置后文字的颜色会变成灰色。无法与一起使用。 <input type="text" value="哈哈哈" disabled="disabled"> 3：通过控制inpu

el-form表单的disable属性和input输入框的disable属性有什么区别

07-07

el-form表单的disable属性和input输入框的disable属性有一些区别。 1. el-form的disable属性是用于禁用整个表单的，当设置为true时，整个表单中的所有元素都会被禁用，包括输入框、按钮、复选框等。这个属性通常...