Open Bug 1410177 Opened 7 years ago Updated 2 years ago

Select-arrow changes styling from white to grey when you set some border property

Categories

(Core :: Layout: Form Controls, defect, P3)

56 Branch
defect

Tracking

()

UNCONFIRMED

People

(Reporter: coding, Unassigned)

Details

Attachments

(1 file)

Attached image Border Bug Firefox.png
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:56.0) Gecko/20100101 Firefox/56.0
Build ID: 20170926190823

Steps to reproduce:

By default select-arrow is displayed with white background color:

<!DOCTYPE html>
<html>
<style>
select {
}
</style>
<body>

<select>
  <option value="volvo">Volvo</option>
</select>
  
</body>
</html>



When you add a border property (border, border-color, border-style... whatever) it the background color changes to grey:

<!DOCTYPE html>
<html>
<style>
select {
    border: none;
}
</style>
<body>

<select>
  <option value="volvo">Volvo</option>
</select>
  
</body>
</html>


Actual results:

The select arrow background become grey.


Expected results:

The select arrow background should stay white.
Component: Untriaged → Layout: Form Controls
Product: Firefox → Core
Priority: -- → P3
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: