54 lines
1.0 KiB
CSS
54 lines
1.0 KiB
CSS
.selector-style {
|
|
padding: 0;
|
|
width: 20em;
|
|
max-width: 20em;
|
|
position: relative;
|
|
border: none;
|
|
background: #E0B0FF;
|
|
text-decoration: none;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
margin: 1px;
|
|
}
|
|
|
|
.selector-style select {
|
|
padding: 0.2em 0.2em;
|
|
width: 20em;
|
|
max-width: 20em;
|
|
border: none;
|
|
box-shadow: none;
|
|
background-color: #E0B0FF;
|
|
background-image: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
.selector-style:after {
|
|
top: 50%;
|
|
left: 95%;
|
|
border: solid;
|
|
content: " ";
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
border-color: rgba(0, 0, 0, 0);
|
|
border-top-color: #000000;
|
|
margin-top: -2px;
|
|
z-index: 100;
|
|
}
|
|
select.selector option{
|
|
color: white;
|
|
background-color: #60337F;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.selector-style select:focus {
|
|
outline: none;
|
|
}
|
|
.selector-style select option:hover {
|
|
background: #60337F;
|
|
}
|