10 lines
1.1 KiB
CSS
10 lines
1.1 KiB
CSS
/* Aurora Admin AutoComplete 样式 — 自动完成 */
|
|
.aa-autocomplete { position: relative; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); width: 260px; }
|
|
.aa-autocomplete-input { width: 100%; box-sizing: border-box; border: 1px solid #E8ECF1; border-radius: 6px; padding: 8px 10px; font-size: 14px; color: #262626; outline: none; transition: border-color .15s, box-shadow .15s; }
|
|
.aa-autocomplete-input:focus { border-color: #2F54EB; box-shadow: 0 0 0 3px rgba(47,84,235,0.2); }
|
|
.aa-autocomplete-pop { position: absolute; top: 42px; left: 0; right: 0; background: #fff; border: 1px solid #E8ECF1; border-radius: 6px; box-shadow: 0 6px 24px rgba(0,0,0,0.12); max-height: 220px; overflow: auto; z-index: 20; }
|
|
.aa-autocomplete-item { padding: 8px 12px; font-size: 13px; color: #262626; cursor: pointer; }
|
|
.aa-autocomplete-item:hover, .aa-autocomplete-item.is-active { background: #F0F5FF; color: #2F54EB; }
|
|
.aa-autocomplete-item mark { background: transparent; color: #2F54EB; font-weight: 600; }
|
|
.aa-autocomplete-empty { padding: 10px 12px; color: #8C8C8C; font-size: 13px; }
|