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(--el-text-color-secondary);
- &:hover{
- color: var(--el-color-primary);
- }
- }
- .@{elNamespace}-input-number__increase::before {
- background: var(--el-border-color-light);
- }
- .@{elNamespace}-input{
- --el-input-border-color:#d4d4d4;
- .@{elNamespace}-input__wrapper{
- padding-left: 0;
- .@{elNamespace}-input__inner{
- padding-left: 12px;
- // color: var(--el-text-color-disabled);
- // &:focus {
- // color: var(--el-text-color-regular);
- // }
- }
- }
- }
- &:hover{
- .@{elNamespace}-input__wrapper {
- box-shadow: 0 0 0 1px var(--el-color-primary) inset;
- }
- // .@{elNamespace}-input__wrapper .@{elNamespace}-input__inner{
- // color: var(--el-text-color-regular);
- // }
- }
-
- }
- .@{elNamespace}-input-number.basic-number-standard.basic-number.is-disabled {
-
- .@{elNamespace}-input-number__decrease, .@{elNamespace}-input-number__increase {
- color:var(--el-text-color-disabled);
- }
- .@{elNamespace}-input-number__increase::before {
- background: var(--el-border-color-light);
- }
- .@{elNamespace}-input{
- .@{elNamespace}-input__wrapper{
- --el-disabled-bg-color: var(--el-color-info-light-9);
- padding-left: 0;
- .@{elNamespace}-input__inner{
- padding-left: 12px;
- // color: var(--el-text-color-secondary);
- }
- }
- }
-
- }
|