Home/ Questions/Q 4118740
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T22:59:58+00:00

Example: http://jsfiddle.net/wCFBw/25/ input { color: black; } <input type=text value=This is black /> <input

  • 0

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

input {
    color: black;
}

<input type="text" value="This is black" />
<input type="text" disabled="disabled" value="Why this is not black?" />
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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