test/ant-design-vue
1
0
Fork 0
mirror of https://gitee.com/ant-design-vue/ant-design-vue.git synced 2024-12-02 12:07:54 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix: input style issue #3089

Browse Source
This commit is contained in:
tangjinzhou 2020-11-02 22:37:24 +08:00
parent 0302908cb0
commit 26779d6367
1 changed files with 15 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
components/form/style/mixin.less
View File

@ -10,16 +10,27 @@
.@{ant-prefix}-input-affix-wrapper { .@{ant-prefix}-input-affix-wrapper {
&, &,
&:hover { &:hover {
background-color: @background-color;
border-color: @border-color; border-color: @border-color;
} }
&:focus { &:focus,
&-focused {
.active(@border-color); .active(@border-color);
} }
}
&:not([disabled]):hover { .@{ant-prefix}-input {
border-color: @border-color; &:not(&-disabled) {
background-color: @background-color;
}
}
.@{ant-prefix}-input-affix-wrapper {
&:not(&-disabled) {
background-color: @background-color;
}
input:focus {
box-shadow: none !important;
} }
} }
@ -27,32 +38,12 @@
.active(@border-color); .active(@border-color);
} }
// Input prefix
.@{ant-prefix}-input-affix-wrapper {
.@{ant-prefix}-input {
&,
&:hover {
background-color: @background-color;
border-color: @border-color;
}
&:focus {
.active(@border-color);
}
}
&:hover .@{ant-prefix}-input:not(.@{ant-prefix}-input-disabled) {
border-color: @border-color;
}
}
.@{ant-prefix}-input-prefix { .@{ant-prefix}-input-prefix {
color: @text-color; color: @text-color;
} }
.@{ant-prefix}-input-group-addon { .@{ant-prefix}-input-group-addon {
color: @text-color; color: @text-color;
background-color: @background-color;
border-color: @border-color; border-color: @border-color;
} }