如何在 SASS 中的选择器图标上添加边距

Question

我想为该图标添加一个边距，但我不知道 select 它，我对此做了很多研究......

我的 SCSS 代码：

 select{
  background-color: hsl(209, 23%, 22%);
  border-radius: 4px;
  box-shadow: hsla(0, 0%, 0%, 0.575) 0 0 10px -5px;
  color: #fff;
  padding: 0.75rem 1rem;


  option{
    font-weight: 400;
    font-style: italic;
    color: hsl(0, 0%, 65%);
  }

}

选择器截图

Answer 1

好吧，我们不能，但我们可以删除它并添加自定义元素或伪选择器如果这对你有用，这里是

<div>
   <select name="test" id="test">
       <option value="1">Option 1</option>
   </select>
</div>
<style>
select{
    padding: 0.75rem 2rem 0.75rem 1rem;
    border-radius: 4px;
    color: #fff;
    background-color: hsl(209, 23%, 22%);
    box-shadow: hsla(0, 0%, 0%, 0.575) 0 0 10px -5px;
    appearance: none;
}
select::-ms-expand {
    display: none;
}
div{
    position: relative;
    display: inline-block;
    color: #fff;
}
div::after{
    content: '\276F';
    transform: rotate(90deg);
    position: absolute;
    right: 12px;
    height: 22px;
    width: 10px;
    top: 10px;
}