asi-calculator/components/Select/Select.module.css

27 lines
403 B
CSS

.selectWrapper {
position: relative;
}
.select {
display: inline-block;
all: unset;
padding: 0 0.75rem;
}
.select:hover:not(.select[disabled]) {
background-color: rgba(var(--background-rgb), 0.1);
}
.select:focus-within {
outline: none;
background-color: rgba(var(--background-rgb), 0.3);
}
.icon {
position: absolute;
right: 0.1rem;
width: 1em;
height: 100%;
z-index: -1;
}