ios 安卓 disable去除默认样式并保持和正常input一样的效果

最新推荐文章于 2022-11-26 13:38:40 发布

原创最新推荐文章于 2022-11-26 13:38:40 发布 · 296 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了如何使用CSS对网页中的输入框(input)和文本区域(textarea)进行样式美化，包括去除默认边框、调整禁用状态下的显示效果以及设置占位符颜色，帮助开发者提升网站用户体验。

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

input, textarea {

outline: none;

border: none;

-webkit-appearance: none;

}

.input_disabled {

background: #fff;

/* color: #333 !important; */

-webkit-opacity: 1;

opacity: 1;

/* -webkit-text-fill-color: #333; */

}

.input_disabled_has {

color: black;

-webkit-text-fill-color: black;

}

.input_disabled::placeholder {

color: rgb(117, 117, 117);

}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_31494485

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

iOS 键盘难题与可见视口（VisualViewport）API

Jack, what else can you do besides holding your little darling?

11-02

746

Web 开发者与 iOS 长达四年的较量，终于在 iOS 13 发布这一刻落下帷幕。 iOS 8.2 和它的键盘难题 2015 年三月，iOS 发布了 8.2 版本。这在当时看来也许只是这个现代的操作系统的一次小更新，但在 Web 开发者眼里，有些微妙的问题产生了。这是一件在 Android 世界里想象不到的麻烦事儿。在此之前 Web 开发者都非常清楚，在window全局对象上的innerWidth/innerHeight表示浏览器窗口中可以看到页面的区域的尺寸，而outerWidth...

Qt开发经验总结

草上爬的博客

12-02

1万+

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

参与评论您还未登录，请先登录后发表或查看评论

web组件disabled之后灰色变亮样式调整

05-09

组件disabled之后灰色变亮样式调整组件disabled之后灰色变亮样式调整组件disabled之后灰色变亮样式调整

input禁用样式修改 input disabled样式禁用方法及样式isabled样式禁用方法及样式

weixin_30408675的博客

09-12

3294

disabled 属性规定应该禁用 input 元素。被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。以下三种写法都可以禁用 input 1 2 3 ...

ios的input Disabled属性默认样式问题

流都的博客

12-16

529

问题：表单不可编辑状态-ios的input的属性设置为disabled，会造成字体颜色变灰对不可编辑不可点的设置，input定义disabled属性在ios上会出现截图所示，设置的value的值几乎看不见解决办法用disabled，用readonly属性（readonly属性会额外出现光标） ...

分析H5下Android与iOS中input的disabled样式

王山山

11-11

492

在对input的disabled样式进行修改后，两者不同系统中显示不同，是因为两者对disabled的解读不同。默认情况下 // Android background-color: rgb(235, 235, 238); // iOS opacity: 0.3; 解决方案对不同终端的默认值均进行修改，背景色以及透明度。 input:disabled{ background-color: #595959; opacity: 1; } （最后更新时间：2020年11月11日） ...

input输入时的边框样式去除

杜永康的博客

11-26

1万+

很多程序员在写项目过程中，会遇到input的边框样式去除问题。今天我们就研究一下，有什么办法解决这个问题？一般的，我们会给input设置：这种方法，我们去除的是显示样式，但是输入的时候，我们需要点击一下input框，发现还是有一个黑色的初始化边框：这种情况，怎么处理？去除文本输入框的样式：去除密码输入框的样式：简而言之，type=input的哪种类型，就去除哪种样式最后的效果如下：到这，我们遇到的问题已经得到了解决，但是学习这种事，要举一反三，更要善于总结，要深挖。你说呢？

Unity移动平台相关（一）Android打包设置

liuyingbo.com

10-16

1万+

可以在此设置自定义编译标志。再使用一些第三方内容时有时会在此处添加脚本符号比如：Lua热更相关、FairyGUI相关该清单文件是一个xml文件我们可以在此决定一些应用程序启动之前的外观和行为。（比如：图标、名称、安装位置等等）Gradle 是一个构建系统，可自动执行许多构建过程并防止许多常见的构建错误。Unity将Gradle用于所有Android版本。

hexo自定义css样式

weixin_43827114的博客

02-18

5859

文章目录自定义CSS部分彩色标签心形转动分类底栏修改配置文件解释站点配置文件主题配置文件个人博客https://www.renke666.top 尽管在配置文件中做了修改美化了博客，但原有样式还是比较简陋，修改的话就需要自定义CSS样式。这也算是美化博客的一大步进展吧，踩了很多坑。这篇算是博客的美化部分暂时完结之作，花了很多的精力去美化，整体从十二月初断断续续的忙，寒假初期忙了会也算是忙了有两...

最全面、最详细web前端面试题及答案总结

热门推荐

HanXiaoXi_yeal的博客

02-01

3万+

2021最全面、最详细web前端面试题及答案总结总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript

ios下表单disabled样式重置

weixin_30362233的博客

07-12

196

在做最近的一个活动项目时，需要用到表单的disabled状态，但是在IOS下那颜色不是一般的浅，就跟没有一样，一开始通过如下样式重置： input:disabled, input[disabled]{ color: #8d9399; } 发现在IOS下根本不起作用，后来网上搜索了解到，ipad/iphone改变的其实是颜色或背景的透明度，将其复写即可，完整重置代码如下： ...

IOS系统 Input或者textarea Disabled默认样式问题

陈大文的博客

12-18

2070

问题：Input或者textarea在设置了disable之后在安卓手机上显示正常，但ios系统手机上就会显示背景为半透明，字体颜色为灰色。解决方法： input:disabled, textarea:diabled { -webkit-text-fill-color: #000; -webkit-opacity: 1; color: #000; }

input修改disabled属性默认样式，适配IOS安卓

xdongll的专栏

01-27

884

IOS默认设置透明度.3，需要修改 .van-stepper__input[disabled] { color: #7d7e80; -webkit-text-fill-color: #7d7e80; -webkit-opacity: 1; opacity: 1; //默认的不透明级别为0.3 background-color: #fff; }...

Input Disabled默认样式问题

weixin_39782183的博客

03-07

611

input:disabled, textarea:diabled { -webkit-text-fill-color: #000; -webkit-opacity: 1; color: #000; } 以上样式将覆盖其系统默认设置的值，能够实现android和ios的兼容性。其中,-webkit-text-fill-color是用来做填充色使用的，如果有设置这个值，则c...

2021-12-27 input禁用

ZT1090258642的博客

12-27

2152

参考文章： 1.layui input静止输入功能 2.layui标签输入框添加禁止点击标志需求：input输入框不能编辑，鼠标显示禁选标志 disabled控制input框不能编辑 layui-btn-disabled禁选样式（输入框变灰，并且出现禁选标志；也可以用这个 layui-disabled） <input disabled name="" id="" class="layui-input layui-btn-disabled"/> layui-btn-d

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

FroSro的博客

03-24

4937

input{ background:transparent; color:#aaa; border:1px solid #aaa; }

input 标签修改 disabled 属性默认样式（适配安卓 IOS）

qq_38836118的博客

11-07

8880

input:disabled{ background-color : #fff; 修改默认灰色样式 color: #666; opacity:1; 默认的不透明级别为0.3 -webkit-text-fill-color:#666; 字体颜色安卓与IOS适配 -webkit-opacity:1; 不透明级别安卓与IOS适配 }

input标签添加上disable属性在移动端(ios)字体颜色及边框颜色不兼容的解决办法。...

weixin_30698297的博客

03-09

851

手机一些兼容性问题： 1.苹果手机输入框input：disabled显示模糊问题 input:disabled, input[disabled]{ color: #5c5c5c; -webkit-text-fill-#5c5c5c; 　　　border: 1px solid #5c5c5c; -webkit-opacity:1...

给添加disable的input框一个样式，使其无法被点击，并显示灰色

04-01

你可以使用CSS的伪类选择器`:disabled`来为禁用状态的input元素添加样式，例如： ```css input:disabled { background-color: #ccc; cursor: not-allowed; } ``` 这个样式将会让禁用状态的input元素背景色变成灰色，并且鼠标指针变成禁止符号，不能再被点击。你可以根据自己的需要修改颜色和光标样式。

ios 安卓 disable去除默认样式 并保持和正常input一样的效果

ios 安卓 disable去除默认样式并保持和正常input一样的效果