remove custom background from select,

move select styles to form.css
This commit is contained in:
Arthur Lu 2024-08-08 19:50:16 +00:00
parent e1ef7998f6
commit d574df8410
2 changed files with 10 additions and 9 deletions

View File

@ -14,6 +14,12 @@
text-align: right;
}
.input-grid + * {
display: inline-block;
width: 100%;
margin-top: 5px;
}
legend {
float: left;
width: 100%;
@ -52,4 +58,8 @@ input[type="radio"] {
div[draggable="true"] {
cursor: grab;
}
.w3-select, select {
padding: 8px;
}

View File

@ -157,15 +157,6 @@ hr, * {
}
}
.w3-select, select {
padding: 8px;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E:root%7Bcolor:%23fff%7D@media (prefers-color-scheme:light)%7B:root%7Bcolor:%23000%7D%7D%3C/style%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.707 14.707a1 1 0 01-1.414 0l-5-5a1 1 0 011.414-1.414L12 12.586l4.293-4.293a1 1 0 111.414 1.414l-5 5z' fill='currentColor'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 8px top 50%;
background-size: 1em auto;
}
/* add hide large class similar to w3-hide-medium and w3-hide-small */
@media (width >=993px) {
.w3-hide-large {