Duplicate Invisible Select Options In The Dark Overlay Form


Well-known member
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. :)



XenForo moderator
Staff member
Is this a default style?
Which browser and OS?

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


Well-known member
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.