Open Bug 1152367 Opened 9 years ago Updated 2 years ago

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


(Core :: Layout: Form Controls, defect)

35 Branch





(Reporter: jroquet, Unassigned)




(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.
Severity: minor → S4
You need to log in before you can comment on or make changes to this bug.