如何设置带圆角引导选择字段的样式

<select class="rounded-select">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

.rounded-select {
  border-radius: 5px;
  background-color: #f2f2f2;
  color: #333;
  padding: 5px;
  width: 200px;
  border: none;
  outline: none;
}

.rounded-select {
  /* 其他样式设置 */
  background-image: url('arrow.png');
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 20px; /* 根据箭头图标的宽度调整 */
}