admin管理员组

文章数量:1640614

近期在写项目过程中遇到一个问题,input框在disabled 的状态下,在电脑上调试的颜色是对的,但是在手机上颜色不对,找了很久都没有找到原因,后来问大佬才知道是disabled 自带的颜色样式

disabled 的默认样式

input:disabled {  
    opacity: 0.4
}

修改后的样式

input:disabled {  
    color: #fff;
    opacity: 1;
    -webkit-text-fill-color: #fff;
}

#fff为要覆盖的颜色
困扰了我很久的问题,竟然是这么简单的问题
看来学习长路漫漫啊

ps:
CSS3-webkit-text-fill-color
若同时设置 -webkit-text-fill-color 和 color 属性,-webkit-text-fill-color 定义的颜色将覆盖 color 定义;

本文标签: 颜色状态下Inputdisabled