是否可以更改select滚动条的样式？

Question

嗨，我想像这样在select组件内部更改滚动条的样式：

<select id="selectId" class="selectList`enter code here`"> 
<option>P1</option>
<option>P2</option>
<option>P3</option>
<option>....</option>
<option>PN</option>
</select>

我选择了很多项（例如30/40项），我想更改自动显示的滚动条的CSS（如果有很多项）

我读到要将更改应用到滚动条，需要进行如下修改：

::-webkit-scrollbar {
  width: 10px;
}


::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}


::-webkit-scrollbar-thumb:hover {
  background: #555;
}

但是，如果我尝试在前面传递选择的类或ID，则CSS更改也不适用于滚动条 如何将CSS应用于select的滚动条？