Html 样式选择菜单

是否可以设置如下图所示的菜单样式：

这是我一直在做的一把小提琴，但它的箭头不正确

以下是HTML：

<select>
  <option>Alabama</option>
  <option>Alaska</option>
</select>

---

可以这样设置菜单样式吗？

您需要的方法基本上是将它们向左浮动，然后清除它们的右侧，如下所示

select { float:left; clear:right; }
div { float:left; clear:right; }

---

这将把它们推到一起。此外，您不应该使用选择框旁边的

标记。将箭头放在div中，没有理由不这样做，当您浮动箭头时，它也会删除空格。这样做只是更干净的编码

您可以将此添加到css中：

width: auto;  
background: url('http://cdn1.iconfinder.com/data/icons/picol/icons/arrow_sans_down_32.png') no-repeat right;

这应该能奏效

---

演示：

我不明白，你能详细说明一下吗？选择菜单的框与箭头分开。。。你说分开是什么意思？我用一幅图片编辑了这个问题，希望能让它更清楚。我想你想要这样的东西：你可以试试这个谢谢你drneel！在我的搜索中，我还没有浏览过那个网站，但它看起来很有希望。我会开枪的。对不起，这不是我想弄明白的。我更新了这个问题，并提供了一个我一直试图完成的图像，我为我最初发布的不清楚的问题道歉。我看到网上有很多人试图设计菜单的样式，但没有什么真正帮助我。谢谢你迄今为止的帮助。

width: auto;  
background: url('http://cdn1.iconfinder.com/data/icons/picol/icons/arrow_sans_down_32.png') no-repeat right;