给所有select元素添加一个右侧下拉按钮

This commit is contained in:
PaRaD1SE98
2023-05-10 07:14:49 +00:00
parent 0ad91101a4
commit 96e3d3a22c
6 changed files with 70 additions and 15 deletions

View File

@@ -203,3 +203,28 @@
resize: none;
min-width: 50px;
}
.select-with-icon {
position: relative;
max-width: fit-content;
.select-with-icon-select {
border: var(--border-in-light);
padding: 10px 25px 10px 10px;
border-radius: 10px;
appearance: none;
cursor: pointer;
background-color: var(--white);
color: var(--black);
text-align: center;
position: relative;
}
.select-with-icon-icon {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
pointer-events: none;
}
}