Html 仅使用CSS更改选择框样式

我想做这样的东西， 所以我已经可以移除边界了，但是如何让它变成这样呢？使用一些箭头和自定义字体大小？

---

你可以试试这个

select.arrow{
边框底部：1px实心#999；
右边框：0px实心#999；
左边框：0px实心#999；
边框顶部：0px实心#999；
宽度：200px；
填充：10px；
-webkit外观：无；
-moz外观：无；
-ms外观：无；
背景：url（../images/pin point.png）95%0无重复；/*在此处添加您的图像*/
}

1.
2.
3.

您可以查找已创建的样式并将其导入文档中，例如bootstrap。您可以导入其中的两个样式。请检查此项。希望您至少尝试自己编写此项。堆栈溢出不是代码编写服务。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果您仍然有问题，请带着您的代码回来，并解释您尝试了什么。请解释您的代码的作用，而不是简单地说“试试这个”。要学会如何回答，请通过