开发者

How can I fully override Chromium disabled input field colours?

开发者 https://www.devze.com 2023-02-21 04:41 出处:网络
Example: http://jsfiddle.net/wCFBw/25/ input { color: black; } <input type=\"text\" value=\"This is black\" />

Example: http://jsfiddle.net/wCFBw/25/

How can I fully override Chromium disabled input field colours?

input {
    color: black;
}
<input type="text" value="This is black" />
<input type="text" disabled="disabled开发者_JS百科" value="Why this is not black?" />


I don't know why that happens, but I suspect WebKit is trying to be smart with respect to letting the user know the <input> is disabled.

You can workaround this by also using the -webkit-text-fill-color property:

input.black {
    color: black;
    -webkit-text-fill-color: black
}

Please, make sure you're setting the colour to something that makes it apparent that the <input> is disabled.

Here's your demo, modified with the new property: http://jsfiddle.net/thirtydot/wCFBw/38/

0

精彩评论

暂无评论...
验证码 换一张
取 消