v1.4.1 修复深色背景黑字看不清:根元素声明 color-scheme:dark + select option 显式浅色文字/深色背景,原生下拉/滚动条/表单控件(共28处option)不再出现黑字
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 160 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 200 KiB |
@@ -1,5 +1,6 @@
|
||||
/* 模型评测网站 - 深色仪表盘风格(高对比可读性优化) */
|
||||
:root {
|
||||
color-scheme: dark; /* 声明深色配色方案:原生下拉/滚动条/表单控件用浅色文字,避免黑字 */
|
||||
--bg: #0f1420;
|
||||
--panel: #1a2233;
|
||||
--panel2: #232d43;
|
||||
@@ -110,7 +111,12 @@ tr:hover td { background: rgba(91, 148, 255, 0.06); }
|
||||
input[type=text], input[type=search], input[type=number], input[type=password], select, textarea {
|
||||
background: var(--panel2); border: 1px solid var(--border); color: var(--text);
|
||||
border-radius: 8px; padding: 7px 10px; font-size: 13px; outline: none;
|
||||
color-scheme: dark;
|
||||
}
|
||||
input::placeholder, textarea::placeholder { color: var(--muted); opacity: 1; }
|
||||
select option { background-color: var(--panel2); color: var(--text); }
|
||||
select option:hover { background-color: var(--panel); }
|
||||
select option:checked { background-color: var(--accent); color: #fff; }
|
||||
input:focus, select:focus, textarea:focus { border-color: var(--accent); }
|
||||
label { font-size: 12px; color: var(--muted); display: block; margin-bottom: 4px; }
|
||||
.form-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
|
||||
|
||||
Reference in New Issue
Block a user