49 lines
1008 B
CSS
49 lines
1008 B
CSS
.CDB-Select {
|
|
position: relative;
|
|
}
|
|
|
|
.CDB-SelectItem {
|
|
position: absolute;
|
|
top: 40px;
|
|
}
|
|
|
|
.CDB-SelectFake {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
padding: 7px 8px 6px;
|
|
border: 1px solid var(--color-line);
|
|
border-radius: 4px;
|
|
background: white;
|
|
font-size: var(--font-size-medium);
|
|
line-height: var(--line-height-medium);
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
|
|
&:hover {
|
|
border: 1px solid var(--color-line-hover);
|
|
}
|
|
|
|
&:focus {
|
|
border: 1px solid var(--color-blue);
|
|
outline: none;
|
|
}
|
|
|
|
&:disabled {
|
|
border-color: var(--color-line-hover);
|
|
background: var(--color-softgray);
|
|
}
|
|
|
|
&.has-error {
|
|
border: 1px solid color(var(--color-error) alpha(0.48));
|
|
background: color(var(--color-error) alpha(0.04));
|
|
color: var(--color-error);
|
|
}
|
|
}
|
|
|
|
.CDB-FieldError .CDB-Select,
|
|
.CDB-FieldError .CDB-SelectFake {
|
|
border: 1px solid color(var(--color-error) alpha(0.48));
|
|
background: color(var(--color-error) alpha(0.04));
|
|
color: var(--color-error);
|
|
}
|