|
304 | 304 | .skills-market-select { padding: 7px 26px 7px 28px; border: 1px solid var(--border-color); border-radius: 8px; background: var(--bg-primary); color: var(--text-primary); font-size: 12px; font-weight: 500; outline: none; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 9px center; transition: border-color 0.2s, box-shadow 0.2s; } |
305 | 305 | .skills-market-select:hover { border-color: var(--accent); } |
306 | 306 | .skills-market-select:focus { border-color: var(--accent); box-shadow: 0 0 0 2px rgba(var(--accent-rgb, 59,130,246), 0.15); } |
| 307 | + |
| 308 | +/* 通用自定义 select 样式(用于日志级别、接口规范等原生 select) */ |
| 309 | +.form-select-custom { |
| 310 | + padding: 7px 26px 7px 12px; |
| 311 | + border: 1px solid var(--border-color); |
| 312 | + border-radius: 8px; |
| 313 | + background: var(--bg-input-box); |
| 314 | + color: var(--text-primary); |
| 315 | + font-size: 13px; |
| 316 | + outline: none; |
| 317 | + cursor: pointer; |
| 318 | + appearance: none; |
| 319 | + -webkit-appearance: none; |
| 320 | + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E"); |
| 321 | + background-repeat: no-repeat; |
| 322 | + background-position: right 9px center; |
| 323 | + transition: border-color 0.2s, box-shadow 0.2s; |
| 324 | + font-family: inherit; |
| 325 | + box-sizing: border-box; |
| 326 | + width: 100%; |
| 327 | +} |
| 328 | +.form-select-custom:hover { border-color: var(--accent); } |
| 329 | +.form-select-custom:focus { border-color: var(--accent); box-shadow: 0 0 0 2px rgba(var(--accent-rgb, 59,130,246), 0.15); } |
307 | 330 | .skills-search-input-wrap { position: relative; display: flex; align-items: center; flex: 1; } |
308 | 331 | .skills-search-icon { position: absolute; left: 10px; color: var(--text-secondary); pointer-events: none; } |
309 | 332 | .skills-search-input-wrap input { width: 100%; padding: 7px 32px 7px 30px; border: 1px solid var(--border-color); border-radius: 8px; background: var(--bg-primary); color: var(--text-primary); font-size: 13px; outline: none; box-sizing: border-box; transition: border-color 0.2s, box-shadow 0.2s; } |
|
458 | 481 | box-sizing: border-box; |
459 | 482 | font-family: inherit; |
460 | 483 | } |
| 484 | +/* general-input 用在 select 上时,应用自定义下拉箭头样式 */ |
| 485 | +.general-input:is(select) { |
| 486 | + padding: 7px 26px 7px 12px; |
| 487 | + appearance: none; |
| 488 | + -webkit-appearance: none; |
| 489 | + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E"); |
| 490 | + background-repeat: no-repeat; |
| 491 | + background-position: right 9px center; |
| 492 | + cursor: pointer; |
| 493 | +} |
461 | 494 | .general-input:focus { |
462 | 495 | border-color: var(--accent); |
463 | 496 | box-shadow: 0 0 0 2px rgba(var(--accent-rgb, 79,110,247), 0.12); |
|
0 commit comments