1140447 - Color is wrong for CSS placeholder override (-moz-placeholder)

Status: RESOLVED INVALID

(Core :: General, defect)

Description

[Patrick Stuart]

Attachment: WrongPlaceholderColor.png

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.115 Safari/537.36

Steps to reproduce:

1. Create a text input field with a placeholder.
2. Override the placeholder color with -moz-placeholder:
input[type="text"].error::-moz-placeholder {
    color: #9B2C2C;
    font-weight: bold;
}

A working version is available here, if you have access to jsfiddle: http://jsfiddle.net/zoa8988t/3/.


Actual results:

The placeholder appears with the wrong color. In the example above, the placeholder color is #C98D8D. See the text on the top of the included file.


Expected results:

The placeholder color is #9B2C2C. See the text on the bottom of the included file.

Comment 1

[Nickolay_Ponomarev]

Thanks for the report and for the clear testcase!

Does adding this rule help? 
    opacity: 1;

The default is 0.54: http://mxr.mozilla.org/mozilla-central/source/layout/style/forms.css#162

Comment 2

[Patrick Stuart]

Yes, that seems to fix it.

Comment 3

[Nickolay_Ponomarev]

Great, thanks for the follow-up!

This means the original issue in comment 0 is not a bug, so I'm resolving this.

I don't think there's any problem with adding an additional opacity rule in practice. If I missed anything, however, please feel free to re-open.