642802 - Setting custom background color via CSS removes native control styling from text box (borders etc.)

Status: UNCONFIRMED

(Core :: Layout, defect)

Description

[Yves Goergen [:ygoe]]

User-Agent:       Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0) Gecko/20100101 Firefox/4.0
Build Identifier: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0) Gecko/20100101 Firefox/4.0

A text box input on an HTML page has the default platform appearance when not styled otherwise. Most notable on Windows 7, it has that light inset border. When applying a background colour to that element, the border reverts to 90's Gtk style, i.e. 2px inset with darker grey shaded, which looks (ugly) and a lot different from the default appearance.

I've seen TextBox controls in .NET that don't change the border at all when setting a different background colour, so I guess it's possible to keep the border in that case.

Reproducible: Always

Comment 1

[Yves Goergen [:ygoe]]

Attachment: Test case

Comment 2

[Yves Goergen [:ygoe]]

Attachment: Screenshot of the test case

Comment 3

[Wayne Mery (:wsmwk)]

On my win7 nightly build it doesn't look like the image, looks OK.

Comment 4

[Yves Goergen [:ygoe]]

Still the same, does not work at all. Firefox 52 on Windows 10, nothing has changed. Please reopen.

Comment 5

[:Gijs (he/him)]

I'm pretty sure this behaviour is expected and required for web compat. When websites use custom background colours they don't want native styling, even if it would be possible to reconcile native styling with the custom background colour. Websites would likely break if we changed that behaviour today. In any case, this is a Core::Layout issue, so moving it there and the experts there can decide what to do with this bug.