Skip to content

Commit 26779d6

Browse files
committed
fix: input style issue #3089
1 parent 0302908 commit 26779d6

File tree

1 file changed

+14
-23
lines changed

1 file changed

+14
-23
lines changed

components/form/style/mixin.less

+14-23
Original file line numberDiff line numberDiff line change
@@ -10,49 +10,40 @@
1010
.@{ant-prefix}-input-affix-wrapper {
1111
&,
1212
&:hover {
13-
background-color: @background-color;
1413
border-color: @border-color;
1514
}
1615

17-
&:focus {
16+
&:focus,
17+
&-focused {
1818
.active(@border-color);
1919
}
20-
21-
&:not([disabled]):hover {
22-
border-color: @border-color;
23-
}
2420
}
2521

26-
.@{ant-prefix}-calendar-picker-open .@{ant-prefix}-calendar-picker-input {
27-
.active(@border-color);
22+
.@{ant-prefix}-input {
23+
&:not(&-disabled) {
24+
background-color: @background-color;
25+
}
2826
}
2927

30-
// Input prefix
3128
.@{ant-prefix}-input-affix-wrapper {
32-
.@{ant-prefix}-input {
33-
&,
34-
&:hover {
35-
background-color: @background-color;
36-
border-color: @border-color;
37-
}
38-
39-
&:focus {
40-
.active(@border-color);
41-
}
29+
&:not(&-disabled) {
30+
background-color: @background-color;
4231
}
43-
44-
&:hover .@{ant-prefix}-input:not(.@{ant-prefix}-input-disabled) {
45-
border-color: @border-color;
32+
input:focus {
33+
box-shadow: none !important;
4634
}
4735
}
4836

37+
.@{ant-prefix}-calendar-picker-open .@{ant-prefix}-calendar-picker-input {
38+
.active(@border-color);
39+
}
40+
4941
.@{ant-prefix}-input-prefix {
5042
color: @text-color;
5143
}
5244

5345
.@{ant-prefix}-input-group-addon {
5446
color: @text-color;
55-
background-color: @background-color;
5647
border-color: @border-color;
5748
}
5849

0 commit comments

Comments
 (0)