Duplicate Invisible Select Options In The Dark Overlay Form

[ibnesayeed]

Option values in the select menu are not visible in dark overlay form except category names (disabled) and hover over state. Element inspection reveals that the foreground and background colors are very similar. This is not that case if the same form is opened in a separate tab.

 

[Paul B]

Is this a default style?
Which browser and OS?

I don't see that issue here or on my own installations.

 

[Russ]

Related?

http://xenforo.com/community/threads/category-choices-pulldown-is-blank.47622/

 

[Paul B]

Definitely sounds like it, which is why I was after the browser and OS.

 

[ibnesayeed]

Following CSS is causing text color:

.xenOverlay .formOverlay .textCtrl {
  color: #f0f7fc;
}

But background color is not defined in XenForo hence it is inheriting it from the user-agent style. In Google Chrome user agent stylesheet, the background is coming from this rule.

select:not([size]):not([multiple]) option, select[size="0"] option, select[size="1"] option {
  background-color: rgb(247, 247, 247);
}

This works fine in Firefox.

 

[Mike]

It's the same issue that as linked.

 

[ibnesayeed]

Definitely sounds like it, which is why I was after the browser and OS.

Latest Google Chrome on Ubuntu 12.4

 

[ibnesayeed]

It's the same issue that as linked.

Thanks Mike! And I am sorry for the duplicate reporting.