|
|
|
@ -764,8 +764,8 @@ a cite{font-style: normal; *cursor:pointer;}
|
|
|
|
|
.layui-input-group{position: relative; display: table; box-sizing: border-box;}
|
|
|
|
|
.layui-input-group>*{display: table-cell; vertical-align: middle; position: relative;}
|
|
|
|
|
.layui-input-group .layui-input{padding-right: 15px;}
|
|
|
|
|
.layui-input-group .layui-input-prefix{width: auto; border-right: 0;}
|
|
|
|
|
.layui-input-group .layui-input-suffix{width: auto; border-left: 0;}
|
|
|
|
|
.layui-input-group > .layui-input-prefix{width: auto; border-right: 0;}
|
|
|
|
|
.layui-input-group > .layui-input-suffix{width: auto; border-left: 0;}
|
|
|
|
|
.layui-input-group .layui-input-split{white-space: nowrap;}
|
|
|
|
|
|
|
|
|
|
/* 输入框前后缀容器 */
|
|
|
|
@ -793,12 +793,12 @@ a cite{font-style: normal; *cursor:pointer;}
|
|
|
|
|
.layui-input-affix .layui-icon:hover{color: rgba(0,0,0,.6);}
|
|
|
|
|
|
|
|
|
|
/* 数字输入框动态点缀 */
|
|
|
|
|
.layui-input-number{width: 24px; padding: 0;}
|
|
|
|
|
.layui-input-number .layui-icon{position: absolute; right: 0; width: 100%; height: 50%; line-height: normal; font-size: 12px;}
|
|
|
|
|
.layui-input-number .layui-icon:before{position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -6px;}
|
|
|
|
|
.layui-input-number .layui-icon:first-child{top: 0; border-bottom: 1px solid #eee;}
|
|
|
|
|
.layui-input-number .layui-icon:last-child{bottom: 0;}
|
|
|
|
|
.layui-input-number .layui-icon:hover{font-weight: 700;}
|
|
|
|
|
.layui-input-wrap .layui-input-number{width: 24px; padding: 0;}
|
|
|
|
|
.layui-input-wrap .layui-input-number .layui-icon{position: absolute; right: 0; width: 100%; height: 50%; line-height: normal; font-size: 12px;}
|
|
|
|
|
.layui-input-wrap .layui-input-number .layui-icon:before{position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -6px;}
|
|
|
|
|
.layui-input-wrap .layui-input-number .layui-icon:first-child{top: 0; border-bottom: 1px solid #eee;}
|
|
|
|
|
.layui-input-wrap .layui-input-number .layui-icon:last-child{bottom: 0;}
|
|
|
|
|
.layui-input-wrap .layui-input-number .layui-icon:hover{font-weight: 700;}
|
|
|
|
|
.layui-input-wrap .layui-input[type="number"]::-webkit-outer-spin-button,
|
|
|
|
|
.layui-input-wrap .layui-input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none !important;}
|
|
|
|
|
.layui-input-wrap .layui-input[type="number"]{-moz-appearance: textfield;}
|
|
|
|
|