| 1 | @charset "UTF-8";
|
| 2 | .s-input.s-small:not(.s-input-wrapper-affix-wrapper), .s-input-wrapper-affix-wrapper .s-small.s-innert-input:not(.s-input-wrapper-affix-wrapper), .s-input-wrapper-affix-wrapper.s-small .s-innert-input {
|
| 3 | height: 24px; }
|
| 4 |
|
| 5 | .s-input:not(.s-input-wrapper-affix-wrapper), .s-input-wrapper-affix-wrapper .s-innert-input:not(.s-input-wrapper-affix-wrapper) {
|
| 6 | color: #595959;
|
| 7 | border-radius: 4px;
|
| 8 | height: 32px;
|
| 9 | border: 1px solid #d9d9d9;
|
| 10 | font-size: 14px;
|
| 11 | vertical-align: middle;
|
| 12 | line-height: 1.5; }
|
| 13 |
|
| 14 | .s-input.s-large:not(.s-input-wrapper-affix-wrapper), .s-input-wrapper-affix-wrapper .s-large.s-innert-input:not(.s-input-wrapper-affix-wrapper), .s-input-wrapper-affix-wrapper.s-large .s-innert-input {
|
| 15 | height: 40px;
|
| 16 | font-size: 16px; }
|
| 17 |
|
| 18 | .s-input, .s-input-wrapper-affix-wrapper .s-innert-input {
|
| 19 | margin: 0;
|
| 20 | width: 100%; }
|
| 21 | .s-input:not(.s-input-wrapper-affix-wrapper), .s-input-wrapper-affix-wrapper .s-innert-input:not(.s-input-wrapper-affix-wrapper) {
|
| 22 | font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
|
| 23 | box-sizing: border-box;
|
| 24 | transition: all .3s;
|
| 25 | padding: 4px 11px; }
|
| 26 | .s-input:not(.s-input-wrapper-affix-wrapper)::placeholder, .s-input-wrapper-affix-wrapper .s-innert-input:not(.s-input-wrapper-affix-wrapper)::placeholder {
|
| 27 | color: #bfbfbf; }
|
| 28 | .s-input:not(.s-input-wrapper-affix-wrapper)::selection, .s-input-wrapper-affix-wrapper .s-innert-input:not(.s-input-wrapper-affix-wrapper)::selection {
|
| 29 | background-color: #1890ff;
|
| 30 | color: #fff; }
|
| 31 | .s-input:not(.s-input-wrapper-affix-wrapper).s-small, .s-input-wrapper-affix-wrapper .s-innert-input:not(.s-input-wrapper-affix-wrapper).s-small {
|
| 32 | padding: 1px 7px; }
|
| 33 | .s-input:not(.s-input-wrapper-affix-wrapper).s-large, .s-input-wrapper-affix-wrapper .s-innert-input:not(.s-input-wrapper-affix-wrapper).s-large {
|
| 34 | padding: 6px 11px; }
|
| 35 | .s-input:not(.s-input-wrapper-affix-wrapper):hover, .s-input-wrapper-affix-wrapper .s-innert-input:not(.s-input-wrapper-affix-wrapper):hover {
|
| 36 | border-color: #46a6ff; }
|
| 37 | .s-input:not(.s-input-wrapper-affix-wrapper):focus, .s-input-wrapper-affix-wrapper .s-innert-input:not(.s-input-wrapper-affix-wrapper):focus {
|
| 38 | outline: none;
|
| 39 | border-color: #46a6ff;
|
| 40 | box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }
|
| 41 |
|
| 42 | .s-input-wrapper-affix-wrapper {
|
| 43 | font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
|
| 44 | box-sizing: border-box;
|
| 45 | display: inline-block;
|
| 46 | position: relative;
|
| 47 | font-size: 14px; }
|
| 48 | .s-input-wrapper-affix-wrapper .s-prefix {
|
| 49 | position: absolute;
|
| 50 | top: 50%;
|
| 51 | transform: translateY(-50%);
|
| 52 | left: 12px;
|
| 53 | line-height: 0; }
|
| 54 | .s-input-wrapper-affix-wrapper[data-disabled] {
|
| 55 | cursor: not-allowed; }
|
| 56 | .s-input-wrapper-affix-wrapper .s-innert-input:not(:first-child) {
|
| 57 | padding-left: 30px; }
|
| 58 | .s-input-wrapper-affix-wrapper .s-innert-input:not(:last-child) {
|
| 59 | padding-right: 30px; }
|
| 60 | .s-input-wrapper-affix-wrapper .s-innert-input:disabled {
|
| 61 | background-color: whitesmoke !important;
|
| 62 | border-color: #d9d9d9 !important;
|
| 63 | color: #bfbfbf !important;
|
| 64 | cursor: not-allowed !important; }
|
| 65 | .s-input-wrapper-affix-wrapper.s-small {
|
| 66 | font-size: 14px; }
|
| 67 | .s-input-wrapper-affix-wrapper.s-large {
|
| 68 | font-size: 16px; }
|
| 69 | .s-input-wrapper-affix-wrapper .s-suffix {
|
| 70 | position: absolute;
|
| 71 | right: 12px;
|
| 72 | top: 50%;
|
| 73 | transform: translateY(-50%);
|
| 74 | line-height: 0; }
|
| 75 |
|