iPad/iPhone默认input按钮的disabled,背景色跟样式表设置的颜色

2016-08-22 | 发布者: 72cms.com | 栏目:div+css教程

最近碰到一个问题,需要复写iPad/iPhone上面的disabled元素的样式,如下图所示

图片来源: stackoverflow 

尝试了这些CSS,一直无法成功:

.ipad input[disabled],

.ipad input:disabled,

.ipad input[disabled="disabled"] {

color: #000 !important; 

background: #fff !important;

}

最后看到这篇  才发现,ipad/iphone改变的其实是颜色或背景的透明度,将其复写即可:

.ipad input:disabled {

-webkit-text-fill-color: rgba(0, 0, 0, 1);

-webkit-opacity: 1;

}

另外如果想要复写样button/select的默认按钮样式,可以使用以下CSS除去。

appearance:none;

-moz-appearance:none;

-webkit-appearance:none;

 

栏目导航

最新织梦模板

72cms.com 发布在 PHP源码

热门织梦模板

kzymw.com 发布在 PHP源码

随机织梦模板

kzymw.com 发布在 PHP源码

织梦教程阅读排行