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

UNCONFIRMED
Unassigned

Status

()

--
minor
UNCONFIRMED
4 years ago
4 years ago

People

(Reporter: jroquet, Unassigned)

Tracking

({testcase})

35 Branch
x86_64
Linux
testcase
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Reporter)

Description

4 years ago
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.
(Reporter)

Updated

4 years ago
Severity: normal → minor

Updated

4 years ago
Component: Untriaged → Layout
Product: Firefox → Core

Updated

4 years ago

Updated

4 years ago
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.