nutui-taro-upgrade
Version:
@nutui/nutui-taro 对京东风格组件库的taro4 版本支持
1 lines • 2.4 kB
CSS
.nut-theme-dark .nut-input{background:var(--nut-dark-background, #131313)}.nut-theme-dark .nut-input__label{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-input .input-text,.nut-theme-dark .nut-input__text--readonly{color:var(--nut-dark-color, var(--nut-white, #fff))}input,textarea{font:inherit}.nut-input{position:relative;width:100%;padding:10px 25px;display:flex;line-height:20px;background:var(--nut-white, #fff);font-size:var(--nut-input-font-size, var(--nut-font-size-2, 14px));box-sizing:border-box}.nut-input.center{align-items:center}.nut-input--border{border-bottom:1px solid var(--nut-input-border-bottom, #eaf0fb)}.nut-input .input-text,.nut-input__text--readonly{width:100%;padding:0;line-height:inherit;text-align:left;outline:0 none;border:0;text-decoration:none;background:rgba(0,0,0,0);resize:none;flex:1}.nut-input .input-text{font-size:var(--nut-input-font-size, var(--nut-font-size-2, 14px))}.nut-input__label{width:80px;overflow:hidden;margin-right:6px;text-align:left}.nut-input-value{flex:1;vertical-align:middle}.nut-input-inner{position:relative;display:flex;align-items:center}.nut-input-box{position:relative;width:100%;display:flex;flex:1}.nut-input-disabled-mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}.nut-input-word-limit{display:flex;justify-content:flex-end;color:gray;font-size:12px;padding:0 10px}.nut-input-left-box,.nut-input-right-box{display:flex;align-items:center}.nut-input-right-box{margin-left:4px}.nut-input-left-box{margin-right:4px}.nut-input-clear-box{height:100%;display:flex;align-items:center}.nut-input-clear{width:16px;height:16px;color:#c8c9cc;cursor:pointer;margin:0 4px}.nut-input--required::before{position:absolute;left:14px;color:var(--nut-input-required-color, var(--nut-required-color, #fa2c19));content:"*"}.nut-input--disabled{color:var(--nut-input-disabled-color, #c8c9cc) }.nut-input--disabled input:disabled{background:none;color:var(--nut-input-disabled-color, #c8c9cc);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--nut-input-disabled-color, #c8c9cc)}.nut-input--error,.nut-input--error::placeholder{color:var(--nut-input-required-color, var(--nut-required-color, #fa2c19));-webkit-text-fill-color:var(--nut-input-required-color, var(--nut-required-color, #fa2c19))}.nut-form-item .nut-input{padding:0px;margin:0px;line-height:var(--nut-cell-line-height)}