fix: 修复移动浏览器中下拉选项颜色问题,确保选项可读性
This commit is contained in:
1 parent
164d56735c
commit
b8159ab9a0
1 file changed
+12
@@ -1114,6 +1114,18 @@ button:disabled {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Explicit <option> colors (bugfix): the narrow-viewport overlay turns the
|
||||
<select> itself into color: transparent; some mobile browsers (Android
|
||||
Chrome / WebView) make the popped-up option list INHERIT that transparent
|
||||
color, which rendered as white-on-white (invisible) options. Giving <option>
|
||||
an explicit dark theme — same palette as the desktop select — keeps the
|
||||
native picker readable on every platform. Note: iOS Safari renders its own
|
||||
system wheel picker that is not styleable via CSS (platform limitation). */
|
||||
.resource-network .resource-network-select option {
|
||||
background-color: #182530;
|
||||
color: #d4e0e5;
|
||||
}
|
||||
|
||||
.resource-network .resource-network-select:hover,
|
||||
.resource-network .resource-network-select:focus-visible {
|
||||
border-color: var(--accent);
|
||||
|
||||
Reference in new issue
Block a user