• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Duplicate Invisible Select Options In The Dark Overlay Form

ibnesayeed

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

xf-dark-form-select.png
 

Brogan

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

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

ibnesayeed

Well-known member
#5
Following CSS is causing text color:
HTML:
.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.
HTML:
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.