Open Bug 1152367 Opened 7 years ago Updated 7 years ago

Adding a css rule for the border changes the background color of a readonly textarea

Categories

(Core :: Layout: Form Controls, defect)

35 Branch
x86_64
Linux
defect
Not set
minor

Tracking

()

UNCONFIRMED

People

(Reporter: jroquet, Unassigned)

References

()

Details

(Keywords: testcase)

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:35.0) Gecko/20100101 Firefox/35.0
Build ID: 20150125222008

Steps to reproduce:

Created this page:

  <style>textarea { border: 0; }</style>
  <textarea readonly>some text</textarea>

This could have been “1px solid” instead of “0”, doesn't matter.


Actual results:

The background of the textarea is white.


Expected results:

The background of the textarea is brownish, as for other readonly textareas the background of which has not been changed.
Severity: normal → minor
Component: Untriaged → Layout
Product: Firefox → Core
Component: Layout → Layout: Form Controls
Readonly textareas have the same background as other textareas by default per spec, modulo native theming.

So if you're seeing them with a different background, that's due to native theming with your OS theme.  But changing the border means the OS theme can't be used anymore, falling back to the default rendering.
You need to log in before you can comment on or make changes to this bug.