html中select下拉框中option样式能更改吗?

想要自定义option样式,发现只能更改颜色、字体等基础的,能否更改鼠标样式,或是鼠标悬浮option上时,选项字体会变大等效果?

可以的

img

.el-select-dropdown__item:hover {
  color: red;
  font-size: 30px;
}

可以的,先审查元素找到option的样式类名,复制出来然后进行设置,例如class=“option”
那么可以:
.option{
cursor: pointer; //设置鼠标样式为手型,其他形状可以看w3c https://www.w3school.com.cn/cssref/pr_class_cursor.asp
}

.option:hover{
font-size: 16px //在鼠标悬浮时修改字体大小
}

如有帮助,望采纳 ^.^ 谢谢啦

select:hover{
transform:scale(2);
}