Я новичок в HTML и CSS, но ничего или почти ничего не могу найти по этому вопросу. У меня есть выпадающее меню, которое уже имеет закругленные углы. Но как мне сделать так, чтобы варианты были в закругленной рамке?
(Это квадратное поле должно быть закруглено)
select{
width: 285px;
height: 40px;
margin-top: 20px;
border-color: purple;
cursor: pointer;
border-radius: 20px;
}
<div>
<select name="color" class="selectBox" id="color">
<option value="" disabled hidden selected>select color</option>
<option value="red"> red </option>
<option value="blue"> blue </option>
<option value="green"> green </option>
<option value="yellow"> yellow </option>
</select>
</div>