distribusi-verse/verse/static/css/selector.css

54 lines
1.0 KiB
CSS
Raw Normal View History

.selector-style {
padding: 0;
width: 20em;
max-width: 20em;
position: relative;
border: none;
2024-06-23 16:59:51 +02:00
background: #9de457;
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;
2024-06-23 16:59:51 +02:00
background-color: #9de457;
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;
2024-06-23 16:59:51 +02:00
background-color: #9de457;
padding: 0 10px;
}
.selector-style select:focus {
outline: none;
}
.selector-style select option:hover {
2024-06-23 16:59:51 +02:00
background: #9de457;
}