test-nut-ui
Version:
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
2 lines (1 loc) • 1.51 kB
CSS
.nut-input{position:relative;display:flex;align-items:center;flex:1;width:100%;padding:var(--nutui-input-padding, 14px 16px);line-height:24px;background:var(--nutui-gray-6, #ffffff);font-size:var(--nutui-input-font-size, var(--nutui-font-size-2, 14px));box-sizing:border-box;border-bottom:var(--nutui-input-border-bottom-width, 0px) solid var(--nutui-input-border-bottom, #eaf0fb)}.nut-input input{color:var(--nutui-input-color, var(--nsui-gray-color-9, #262626));caret-color:var(--nutui-input-caret-color, var(--nsui-brand-color-guide, #2C68FF));height:var(--nutui-input-height, 22px)}.nut-input input::placeholder{color:var(--nutui-input-placeholder-color, var(--nsui-gray-color-6, #BFBFBF))}.nut-input input ::placeholder{color:var(--nutui-input-placeholder-color, var(--nsui-gray-color-6, #BFBFBF))}.nut-input .nut-icon{color:#c8c9cc}.nut-input .nut-input-native{width:100%;flex:1;padding:0;border:0;outline:0 none;font:inherit;text-decoration:none}.nut-input-disabled{color:var(--nutui-input-disabled-color, var(--nsui-gray-color-6, #BFBFBF))}.nut-input-disabled input{background:none;color:var(--nutui-input-disabled-color, var(--nsui-gray-color-6, #BFBFBF));cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--nutui-input-disabled-color, var(--nsui-gray-color-6, #BFBFBF))}.nut-input-clear{margin:var(--nutui-input-clear-icon-margin, 0px 0px 0px 4px)}.nut-input-placeholder{color:var(--nutui-input-placeholder-color, var(--nsui-gray-color-6, #BFBFBF))}