Closed Bug 1714924 Opened 4 years ago Closed 4 years ago

HTML <select> <option> CSS stylings not appearing

Categories

(Core :: Layout: Form Controls, defect)

Firefox 89
x86_64
Linux
defect

Tracking

()

RESOLVED DUPLICATE of bug 1406865

People

(Reporter: jack, Unassigned)

Details

Attachments

(1 file)

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:89.0) Gecko/20100101 Firefox/89.0

Steps to reproduce:

Changing CSS properties in <select> <option> dropdowns appear to have no effect. The issue can be produced with the following code:

<html>
<select>
<option>Default Option</option>
<option style="background-color: red">Red Option</option>
<option style="background-color: orange">Orange Option</option>
<option style="background-color: yellow">Yellow Option</option>
</select>
</html>

My system is running Firefox 89 on Arch Linux with the Gnome desktop.

Actual results:

All options from the <select> dropdown have the same background.

Expected results:

Each option should have a different background, as indicated in the CSS styling. Attached I have a screenshot showing the code on Firefox vs. Chromium.

Status: UNCONFIRMED → RESOLVED
Closed: 4 years ago
Resolution: --- → DUPLICATE
Component: Untriaged → Layout: Form Controls
OS: Unspecified → Linux
Product: Firefox → Core
Hardware: Unspecified → x86_64
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: