设置disabled下的placeholder的样式

最新推荐文章于 2024-03-04 10:48:25 发布

苍南_

最新推荐文章于 2024-03-04 10:48:25 发布

阅读量655

点赞数

分类专栏： css 文章标签： css3

本文链接：https://blog.youkuaiyun.com/qq_45990346/article/details/120949282

版权

css 专栏收录该内容

1 篇文章

订阅专栏

简单记录一下，放在vue全局中不要加/deep/

input[disabled]{
            color:#7A7977;
            -webkit-opacity:1;
            -webkit-text-fill-color:#7A7977;
            opacity:1 !important;
            background-color: #fff;
        }

::-webkit-input-placeholder{color: #c1bbbb;}
:-ms-input-placeholder{color: #c1bbbb;}
::placeholder{color: #c1bbbb;}
input:disabled::-webkit-input-placeholder{color: #c1bbbb;-webkit-text-fill-color:#c1bbbb;}
input:disabled:-ms-input-placeholder{color: #c1bbbb;-webkit-text-fill-color:#c1bbbb;}
input:disabled::placeholder{color: #c1bbbb;-webkit-text-fill-color:#c1bbbb;}