mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-29 05:29:37 +08:00
control focus shadow should be transparent
This commit is contained in:
parent
cc4866bdec
commit
8fd09ac1b2
@ -350,7 +350,7 @@ form {
|
||||
.@{select-prefix-cls} {
|
||||
&-selection {
|
||||
border-color: @warning-color;
|
||||
box-shadow: 0 0 0 2px tint(@warning-color, 80%);
|
||||
box-shadow: 0 0 0 2px fade(@warning-color, 20%);
|
||||
}
|
||||
&-arrow {
|
||||
color: @warning-color;
|
||||
@ -370,7 +370,7 @@ form {
|
||||
// ant-input-number
|
||||
.@{input-number-prefix-cls} {
|
||||
border-color: @warning-color;
|
||||
box-shadow: 0 0 0 2px tint(@warning-color, 80%);
|
||||
box-shadow: 0 0 0 2px fade(@warning-color, 20%);
|
||||
&:not([disabled]):hover {
|
||||
border-color: @warning-color;
|
||||
}
|
||||
@ -389,7 +389,7 @@ form {
|
||||
.@{select-prefix-cls} {
|
||||
&-selection {
|
||||
border-color: @error-color;
|
||||
box-shadow: 0 0 0 2px tint(@error-color, 80%);
|
||||
box-shadow: 0 0 0 2px fade(@error-color, 20%);
|
||||
}
|
||||
|
||||
&-arrow {
|
||||
@ -414,7 +414,7 @@ form {
|
||||
// ant-input-number
|
||||
.@{input-number-prefix-cls} {
|
||||
border-color: @error-color;
|
||||
box-shadow: 0 0 0 2px tint(@error-color, 80%);
|
||||
box-shadow: 0 0 0 2px fade(@error-color, 20%);
|
||||
&:not([disabled]):hover {
|
||||
border-color: @error-color;
|
||||
}
|
||||
|
@ -60,9 +60,8 @@
|
||||
|
||||
&-active {
|
||||
&:active {
|
||||
@color-rgba: rgba(red(@primary-color), green(@primary-color), blue(@primary-color), .2);
|
||||
border-color: tint(@primary-color, 20%);
|
||||
box-shadow: 0 0 0 2px @color-rgba;
|
||||
box-shadow: 0 0 0 2px fade(@primary-color, 80%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -38,7 +38,7 @@
|
||||
}
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 2px tint(@primary-color, 80%);
|
||||
box-shadow: 0 0 0 2px fade(@primary-color, 20%);
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
|
@ -6,7 +6,7 @@
|
||||
// 输入框的不同校验状态
|
||||
.@{css-prefix}input {
|
||||
border-color: @border-color;
|
||||
box-shadow: 0 0 0 2px tint(@border-color, 80%);
|
||||
box-shadow: 0 0 0 2px fade(@border-color, 20%);
|
||||
|
||||
&:not([disabled]):hover {
|
||||
border-color: @border-color;
|
||||
@ -14,7 +14,7 @@
|
||||
}
|
||||
|
||||
.@{calendar-prefix-cls}-picker-open .@{calendar-prefix-cls}-picker-input {
|
||||
box-shadow: 0 0 0 2px tint(@border-color, 80%);
|
||||
box-shadow: 0 0 0 2px fade(@border-color, 20%);
|
||||
}
|
||||
|
||||
.@{css-prefix}input-group-addon {
|
||||
|
@ -15,7 +15,7 @@
|
||||
.active(@color: @input-hover-border-color) {
|
||||
border-color: tint(@color, 20%);
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px tint(@color, 80%);
|
||||
box-shadow: 0 0 0 2px fade(@color, 20%);
|
||||
}
|
||||
|
||||
// == when hoverd
|
||||
|
Loading…
Reference in New Issue
Block a user