]>
Commit | Line | Data |
---|---|---|
02de449a | 1 | .@{prefixClass} { |
2 | &-input { | |
3 | margin: 0; | |
4 | padding: 0; | |
5 | border: 0; | |
6 | width: 100%; | |
7 | cursor: auto; | |
8 | line-height: 1.5; | |
9 | outline: 0; | |
10 | border: 1px solid transparent; | |
11 | ||
12 | &-wrap { | |
13 | box-sizing: border-box; | |
14 | position: relative; | |
15 | padding: 6px; | |
16 | border-bottom: 1px solid #e9e9e9; | |
17 | } | |
18 | ||
19 | &-invalid { | |
20 | border-color: red; | |
21 | } | |
22 | } | |
23 | ||
24 | &-clear-btn { | |
25 | position: absolute; | |
26 | right: 6px; | |
27 | cursor: pointer; | |
28 | overflow: hidden; | |
29 | width: 20px; | |
30 | height: 20px; | |
31 | text-align: center; | |
32 | line-height: 20px; | |
33 | top: 6px; | |
34 | margin: 0; | |
35 | } | |
36 | ||
37 | &-clear-btn:after { | |
38 | content: "x"; | |
39 | font-size: 12px; | |
40 | color: #aaa; | |
41 | display: inline-block; | |
42 | line-height: 1; | |
43 | width: 20px; | |
44 | transition: color 0.3s ease; | |
45 | } | |
46 | ||
47 | &-clear-btn:hover:after { | |
48 | color: #666; | |
49 | } | |
50 | } | |
51 | ||
52 | .narrow .@{prefixClass}-input-wrap { | |
53 | max-width: 111px; | |
54 | } |