Как сделать не через select а через div ? И чтобы стрелки менялись вверх и вниз
Как при клике сделать чтобы фон элемента менялся, я написал и у меня меняет фон только как сделать чтобы он при клике на следующем элементе менял его фон а предыдущему возвращал его фон до клика
var dropdown__label = document.querySelector('.dropdown__label');
dropdown__label.onclick = function(){
dropdown__label.style.backgroundColor = 'red';
}
.s-select {
margin-top: 37px; }
form {
background-color: #fff; }
.select {
color: #000;
width: 290px;
height: 50px;
padding-left: 29px;
color: #000000;
font-family: Montserrat;
font-size: 14px;
font-weight: 500;
line-height: 60px;
text-transform: uppercase;
background-color: #fff;
letter-spacing: 0.7px; }
.select .option:hover {
color: #e41645;
background-color: #fff;
overflow-y: auto; }
.select .option:active {
background-color: #fff; }
.selectbox .select:hover {
background-color: #fff;
background-position: 0 -10px; }
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
background-color: #fff;
padding-top: 18px;
padding-bottom: 18px; }
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input:hover {
background-color: #fff; }
.selectize-dropdown, .selectize-input, .selectize-input input {
background-color: #fff; }
.select__title {
color: #333333;
font-family: Montserrat;
font-size: 20px;
font-weight: 700;
line-height: 73px;
text-transform: uppercase;
padding-bottom: 22px;
letter-spacing: 2px;
border-bottom: 1px solid #e4e4e4; }
.seli {
margin-top: 100px; }
.select-block {
margin-left: 70px; }
<section class="s-select">
<div class="container">
<div class="row">
<div class="col-md-3">
<form action="#" method="post">
<select size="1" name="hero[]" class='select' id='select-beast'>
<option class='option' disabled>LOW / MID-RISE</option>
<option class='option'>ACRA Mid-rise MMR</option>
<option class='option'>Muse Mid-rise MRL </option>
<option class='option'>Solon Premium Mid-rise MRL</option>
</select>
</form>
</div>
</div>
</div>
</section>