|
|
@@ -237,16 +237,23 @@ html[data-theme='dark'] {
|
|
|
border-color: @error-color !important;
|
|
|
box-shadow: 0 6px 16px fade(@error-color, 18%) !important;
|
|
|
|
|
|
+ /* 注意:不要给 :focus 加深/变浅背景。
|
|
|
+ Ant Design ConfirmDialog 默认 autoFocus 主按钮,:focus 若复用 hover 色,
|
|
|
+ 弹框刚打开时主按钮就会呈浅红,看起来像“一直 hover”,点空白失焦后才恢复。
|
|
|
+ focus 只保留可见焦点框,背景始终是静止态红色。 */
|
|
|
&:hover,
|
|
|
- &:focus,
|
|
|
- &:not(:disabled):hover,
|
|
|
- &:not(:disabled):focus {
|
|
|
+ &:not(:disabled):hover {
|
|
|
color: #fff !important;
|
|
|
background: lighten(@error-color, 8%) !important;
|
|
|
border-color: lighten(@error-color, 8%) !important;
|
|
|
box-shadow: 0 8px 18px fade(@error-color, 24%) !important;
|
|
|
}
|
|
|
|
|
|
+ &:focus-visible {
|
|
|
+ outline: 2px solid fade(@error-color, 38%);
|
|
|
+ outline-offset: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
&:active,
|
|
|
&:not(:disabled):active {
|
|
|
color: #fff !important;
|