IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    iPhone Safari 下 input disabled 颜色

    神飞发表于 2016-08-03 09:37:06
    love 0

    最近在项目中遇到需要修改 input 的 disabled 状态的颜色的情况,然而无论如何都不成功,折腾了好久。后来发现还是 User Agent 样式的问题。

    iPhone Safari/webview input disabled 的默认样式:

    input:disabled{  
        opacity: 0.4
    }
    

    嗯,开发者工具只能看到这一条。 即便是 reset 为 opacity : 1 也无效。因为还有一条隐藏的样式 -webkit-text-fill-color ,于是有效的样式为 :

    input:disabled{  
        color:@disabledColor;
        opacity: 1;
        -webkit-text-fill-color: @disabledColor;
    }
    


沪ICP备19023445号-2号
友情链接