您可以使用CSS更改select标签，就像任何其他元素一样：

#select-1 {
  border-radius: 10px;
  border: 0;
}

#select-2 {
  border-radius: 10px;
}

<select id="select-1">
   <option val="0" selected>0</option>
   <option val="1">1</option>
   <option val="2">2</option>
   <option val="3">3</option>
   <option val="4">4</option>
   <option val="5">5</option>
 </select>

 <select id="select-2">
   <option val="0" selected>0</option>
   <option val="1">1</option>
   <option val="2">2</option>
   <option val="3">3</option>
   <option val="4">4</option>
   <option val="5">5</option>
 </select>

但是，select或option标签的样式非常有限。例如，更改下拉箭头图标的外观将非常困难。此外，更改option容器的样式是不可能的（或至少非常有限）。
最先进的方法是放弃HTML内置组件，编写自己的下拉组件（example）。

有多种方法可以设置选择选项的样式。这里是一种方法

.custom-select {
  border-radius: 10px;
  border: 0;
  background-color: red;
}

<select class="custom-select">
           <option val="0" selected>0</option>
           <option val="1">1</option>
           <option val="2">2</option>
           <option val="3">3</option>
           <option val="4">4</option>
           <option val="5">5</option>
      </select>