宁波大学
查看 | 历史 | 提交 | 提交对比
懒羊羊
2023-11-14 8286c62256f23bc2367a6729c0f46f84215e380b
提交 | 用户 | 时间
8286c6 1 /** 隐藏原始elem */
懒 2 .ew-tagsinput-hide {
3     display: block !important;
4     visibility: hidden;
5     position: absolute;
6     z-index: -1;
7 }
8
9 /** 标签输入框样式 */
10 div.tagsinput {
11     border: 1px solid #e6e6e6;
12     background: #FFF;
13     padding: 5px 5px 0 5px;
14     border-radius: 2px;
15     width: 100%;
16     max-width: 100%;
17     box-sizing: border-box;
18 }
19
20 div.tagsinput:hover {
21     border: 1px solid #ccc;
22 }
23
24 div.tagsinput span.tag {
25     border-radius: 2px;
26     -moz-border-radius: 2px;
27     -webkit-border-radius: 2px;
28     display: inline-block;
29     padding: 0 5px 0 8px;
30     background: #009688;
31     color: #fff;
32     margin-right: 5px;
33     margin-bottom: 5px;
34     font-size: 14px;
35     cursor: default;
36 }
37
38 div.tagsinput span.tag a {
39     font-weight: bold;
40     color: #fff;
41     text-decoration: none;
42     font-size: 12px;
43 }
44
45 div.tagsinput span.tag a .layui-icon {
46     font-size: 12px;
47     margin: 0;
48 }
49
50 div.tagsinput span.tag a .default-close-text {
51     font-size: 16px;
52     font-weight: normal;
53 }
54
55 div.tagsinput input {
56     color: #000;
57     font-size: 14px;
58     padding: 5px;
59     margin-bottom: 5px;
60     background: transparent;
61     border: none;
62     outline: none;
63     width: 60px;
64 }
65
66 div.tagsinput div {
67     display: inline-block;
68 }
69
70 div.tagsinput > div {
71     position: relative;
72 }
73
74 .not_valid {
75     background: #FBD8DB !important;
76     color: #90111A !important;
77 }
78
79 /* 无边框的风格 */
80 .tagsinput.tagsinput-default, .tagsinput.tagsinput-default:hover {
81     border: none;
82 }
83
84 .tagsinput.tagsinput-default span.tag {
85     background: #FAFAFA !important;
86     border: 1px solid #d9d9d9 !important;
87     border-radius: 4px;
88     color: #666;
89     line-height: 24px;
90 }
91
92 .tagsinput.tagsinput-default span.tag a {
93     color: #aaa;
94 }
95
96 .tagsinput.tagsinput-default input {
97     border: 1px dashed #d9d9d9;
98     border-radius: 4px;
99     text-align: center;
100     font-size: 13px;
101 }
102
103 .tagsinput.tagsinput-default input:focus {
104     border: 1px solid #ccc;
105     text-align: left;
106 }
107
108 /* 提示列表 */
109 .tagsinput-tip-list {
110     position: absolute;
111     width: max-content;
112     left: 0;
113     background: #fff;
114     box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
115     border: 1px solid #d2d2d2;
116     min-width: 100px;
117     width: max-content;
118     z-index: 999;
119 }
120
121 .tagsinput-tip-list li {
122     font-size: 14px;
123     color: #666;
124     padding: 0 10px 0 10px;
125     cursor: pointer;
126     display: block;
127     line-height: 30px;
128 }
129
130 .tagsinput-tip-list li:hover {
131     background: #f2f2f2;
132 }