Avoid rendering native select widget

This commit is contained in:
Johannes Zellner
2021-03-22 10:46:39 +01:00
parent 922c46e9be
commit e70ab4a4f2
+15 -1
View File
@@ -108,6 +108,17 @@ $state-danger-border: $brand-danger;
color: white;
}
select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 5px;
}
input[type="checkbox"], input[type="radio"] {
margin-top: 2px;
}
@@ -1859,7 +1870,6 @@ tag-input {
}
}
// ----------------------------
// Dark mode overrides
// ----------------------------
@@ -1874,6 +1884,10 @@ tag-input {
background-color: $backgroundLight;
}
select.form-control {
background-image: url("data:image/svg+xml;utf8,<svg fill='#959595' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
}
.navbar-default {
background-color: $backgroundDark;
border-color: $backgroundDark;