admin管理员组文章数量:1640593
本以为改变
input[disabled]
的字体颜色只需要改变color
和opacity
就可以了,结果发现在iPhone手机和Mac的Safari浏览器中都不起作用。所以接下来我们来研究一下它。
1.设置 -webkit-text-fill-color
input:disabled,
input[disabled] {
-webkit-text-fill-color: #2c363f;
opacity: 1;
}
这时发现起作用了,但是还存在一个问题就是input 的
placeholder
和颜色也被改成了#2c363f
这个颜色,但是我们需要保持 placeholder 原来的颜色,于是还需要添加另外的css
2.设置 placeholder
input[disabled]::placeholder {
-webkit-text-fill-color: darkgray;
}
到这里就解决了手机和Safari浏览器的问题。
补充一些其他需注意的表单样式
input,
button,
select,
textarea {
/*去掉ios阴影*/
-webkit-appearance: none;
/*去掉ios点击高亮*/
-webkit-tap-highlight-color: transparent;
/*聚焦时去掉轮廓*/
outline: none;
/*去掉边框*/
border: none;
}
select,
button {
/*去掉灰色背景*/
background: transparent;
}
textarea{
/*禁止手动改变文本框大小*/
resize: none;
}
我的个人博客有空来坐坐
https://www.wangyanan.online
版权声明:本文标题:iOS 改变input disabled 默认的字体颜色 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1729320209a1195787.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论