12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- @import "../variate.less";
- // prepend 背景色设置为白色
- .@{elNamespace}-input-number.basic-number-standard.basic-number:not(.is-disabled) {
- .@{elNamespace}-input-number__decrease, .@{elNamespace}-input-number__increase {
- color: var(~'--@{elNamespace}-text-color-secondary');
- &:hover{
- color: var(~'--@{elNamespace}-color-primary');
- }
- }
- .@{elNamespace}-input-number__increase::before {
- background: var(~'--@{elNamespace}-border-color-light');
- }
- .@{elNamespace}-input{
- --@{elNamespace}-input-border-color:#d4d4d4;
- .@{elNamespace}-input__wrapper{
- padding-left: 0;
- .@{elNamespace}-input__inner{
- padding-left: 12px;
- // color: var(~'--@{elNamespace}-text-color-disabled');
- // &:focus {
- // color: var(~'--@{elNamespace}-text-color-regular');
- // }
- }
- }
- }
- &:hover{
- .@{elNamespace}-input__wrapper {
- box-shadow: 0 0 0 1px var(~'--@{elNamespace}-color-primary') inset;
- }
- // .@{elNamespace}-input__wrapper .@{elNamespace}-input__inner{
- // color: var(~'--@{elNamespace}-text-color-regular');
- // }
- }
-
- }
- .@{elNamespace}-input-number.basic-number-standard.basic-number.is-disabled {
-
- .@{elNamespace}-input-number__decrease, .@{elNamespace}-input-number__increase {
- color:var(~'--@{elNamespace}-text-color-disabled');
- }
- .@{elNamespace}-input-number__increase::before {
- background: var(~'--@{elNamespace}-border-color-light');
- }
- .@{elNamespace}-input{
- .@{elNamespace}-input__wrapper{
- --@{elNamespace}-disabled-bg-color: var(~'--@{elNamespace}-color-info-light-9');
- padding-left: 0;
- .@{elNamespace}-input__inner{
- padding-left: 12px;
- // color: var(~'--@{elNamespace}-text-color-secondary');
- }
- }
- }
-
- }
|