66 lines
1.5 KiB
CSS
66 lines
1.5 KiB
CSS
/*
|
||
* bootstrap-tagsinput v0.8.0
|
||
*
|
||
*/
|
||
|
||
.bootstrap-tagsinput {
|
||
background-color: #fff;
|
||
border: 1px solid #ccc;
|
||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||
display: inline-block;
|
||
padding: 4px 6px;
|
||
color: #555;
|
||
vertical-align: middle;
|
||
border-radius: 4px;
|
||
width: 100%;
|
||
line-height: 22px;
|
||
cursor: text;
|
||
}
|
||
.bootstrap-tagsinput input {
|
||
border: none;
|
||
box-shadow: none;
|
||
outline: none;
|
||
background-color: transparent;
|
||
padding: 0 6px;
|
||
margin: 0;
|
||
width: auto;
|
||
max-width: inherit;
|
||
}
|
||
.bootstrap-tagsinput.form-control input::-moz-placeholder {
|
||
color: #777;
|
||
opacity: 1;
|
||
}
|
||
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
|
||
color: #777;
|
||
}
|
||
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
|
||
color: #777;
|
||
}
|
||
.bootstrap-tagsinput input:focus {
|
||
border: none;
|
||
box-shadow: none;
|
||
}
|
||
.bootstrap-tagsinput .badge {
|
||
margin-right: 2px;
|
||
color: white;
|
||
background-color:#0275d8;
|
||
padding:5px 8px;border-radius:3px;
|
||
border:1px solid #01649e
|
||
}
|
||
.bootstrap-tagsinput .badge [data-role="remove"] {
|
||
margin-left: 8px;
|
||
cursor: pointer;
|
||
}
|
||
.bootstrap-tagsinput .badge [data-role="remove"]:after {
|
||
content: "×";
|
||
padding: 0px 4px;
|
||
background-color:rgba(0, 0, 0, 0.1);
|
||
border-radius:50%;
|
||
font-size:13px
|
||
}
|
||
.bootstrap-tagsinput .badge [data-role="remove"]:hover:after {
|
||
|
||
background-color:rgba(0, 0, 0, 0.62);}
|
||
.bootstrap-tagsinput .badge [data-role="remove"]:hover:active {
|
||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||
} |