I am having trouble with my CSS. Below is the code I am using:
/*Custom Select Box*/
select#user_select
{
background-color: var(--white);
float: right;
color: var(--dark_grey);
width: 30%;
height: 3rem;
padding-left: 3%;
border: 2px solid var(--dark_grey);
font-size: 1.2em;
-webkit-appearance: none;
}
select#user_select::before
{
content: '';
position: absolute;
top: 0;
right: 0;
width: 3rem;
height: 3rem;
background: var(--dark_grey);
}