fix: 修复移动浏览器中下拉选项颜色问题,确保选项可读性

This commit is contained in:
Kou committed 2026-08-02 19:29:51 +08:00
1 parent 164d56735c
commit b8159ab9a0
1 file changed
+12
+12
View File
@@ -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);