adjust select box style

This commit is contained in:
sienori 2019-02-23 17:58:17 +09:00
parent dc69034125
commit cc53f417e8
2 changed files with 5 additions and 1 deletions

View file

@ -225,6 +225,7 @@ select {
padding: 3px 5px; padding: 3px 5px;
padding-right: 20px; padding-right: 20px;
width: 100%; width: 100%;
height: 30px;
&:hover, &:hover,
&:focus { &:focus {
border: var(--highlight) solid 1px; border: var(--highlight) solid 1px;
@ -238,7 +239,7 @@ select {
content: ""; content: "";
z-index: 1; z-index: 1;
position: absolute; position: absolute;
top: 40%; top: 35%;
right: 7px; right: 7px;
width: 5px; width: 5px;
height: 5px; height: 5px;

View file

@ -53,6 +53,9 @@
padding-right: 20px; padding-right: 20px;
width: 100%; width: 100%;
transition: border-color 100ms ease-out; transition: border-color 100ms ease-out;
&:hover {
border-color: var(--highlight);
}
} }
} }
} }