Open Bug 1152367 Opened 9 years ago Updated 1 year ago

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

Categories

(Core :: Layout: Form Controls, defect)

Product:
Core
Component:
Layout: Form Controls
Version:
35 Branch
Platform:
x86_64
Linux
Type:
defect

Tracking

()

Status:
UNCONFIRMED

People

(Reporter: jroquet, Unassigned)

References

(
URL
)

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