CSS/表单下拉箭头定位

因此，我尝试编写一个“添加到购物车”区域，您可以在其中选择几个产品选项，然后单击一个按钮并将它们添加到购物车

选择您的选项
7晚
14晚
28晚

使用下面的代码实现相同的功能

选择{
浮动：左；
}
输入{
填充：0 6PX；
}

选择您的选项
7晚
14晚
28晚

首先，箭头具有提交功能。第二，我们需要一些css来做一些事情。最坏的情况是，您可以在下拉类中使用：before和：after伪元素，并将背景图像与箭头一起放置，并相应地设置样式。我在菜单上放置的唯一CSS是更改字体、字体大小和颜色。我想这一定意味着还有其他文件在作用于它，我需要弄清楚如何清除这些样式。元素的位置很容易修复，你可以尝试下面给出的解决方案，但我主要指的是箭头的功能。填充使箭头更加奇怪。我编辑了这篇文章以包含一张图片。你能不能也添加你的样式表。我创建的是基本的浏览器css。