430123 - Sometimes background color in dropdown menu items renders text unreadable

Status: RESOLVED WORKSFORME

(Firefox :: Shell Integration, defect)

Description

[Jennifer]

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9pre) Gecko/2008042004 Minefield/3.0pre
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9pre) Gecko/2008042004 Minefield/3.0pre

The background color of this dropdown menu (pictured) is the same dark grey as the page background. However, the text in the dropdown is not readable.

Dropdowns should either use the same font color as the page they come from or always have white backgrounds and black text.

The following is in my userContent.css file, but it's not fixing the problem:

select:not([size]):not([multiple]),
select[size="0"],
select[size="1"] {
  -moz-appearance: menulist !important;
  border-color: -moz-initial !important;
  background: -moz-initial !important;
  color: -moz-FieldText !important;
  /*font: -moz-list !important;*/
  border-width: -moz-initial !important;
  border-style: -moz-initial !important;
}

select:not([size]):not([multiple])[disabled],
select[size="0"][disabled],
select[size="1"][disabled] {
  -moz-appearance: menulist !important;
  background: -moz-initial !important;
  color: -moz-initial !important;
}

Reproducible: Always

Comment 1

[Jennifer]

Attachment: Screenshot of chrome rendering problems

Comment 2

[Albert Scheiner [:alberts]]

this seems to have changed on an OS level, see http://codepen.io/scheinercc/pen/yMZRYB?editors=1100#0