meri-design/dist/theme/MInput.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.m-input{border:1px solid #c4c9cf;border-radius:4px;display:inline-flex;height:32px;width:100%}.m-input-error{border-color:#f55047;position:relative}.m-input-error-text{bottom:-24px;color:#f55047;font-size:12px;left:0;line-height:20px;position:absolute}.m-input-main{align-items:center;display:inline-flex;width:100%}.m-input-icon{align-items:center;display:flex;height:30px;justify-content:center;width:30px}.m-input-icon svg{height:16px;width:16px}.m-input-icon svg path{transition:fill .2s}.m-input-clear{cursor:pointer;visibility:hidden}.m-input-clear:hover path{fill:#246fe5}.m-input-inline{background:none;border:0;color:#1b2129;flex:auto;font-size:14px;height:100%;outline:none}.m-input-inline::placeholder{color:#c4c9cf}.m-input-inline:valid+.m-input-clear{visibility:visible}.m-input-inline-0{width:100%}.m-input-inline-60{width:calc(100% - 60px)}.m-input-inline-30{width:calc(100% - 30px)}.m-input-inline-padding-none{padding-left:0;padding-right:0}.m-input-inline-padding-left{padding-left:12px}.m-input-inline-padding-right{padding-right:12px}.m-input-inline-padding-left-right{padding-left:12px;padding-right:12px}