<select>下拉几个像素</select>

Question

考虑this Bootstrap bug report。基本上，<select>下拉列表与Chrome和Safari上的<select>元素不对齐（两者都仅测试了Mac）。 @mdo认为没有解决办法。我只是想要第二个意见。

<select>下拉列表是否可以与基本<select>元素对齐？

Answer 1

您永远不会在多个浏览器和多个操作系统中对浏览器内置工具进行相同的设置。

我已经这么做了很长时间，我最好建议尽可能地设计风格并为旧的IE浏览器保留古怪的CSS黑客。

如果你想成为关于精确像素的超级肛门，你需要不使用select html标签而是使用ul标签。然后使用css list-style：none;

<ul id="my_selectbox">
  <li>Option 1</li>
  <li>Option 2</li>
</ul>

然后，设置菜单样式以准确显示您希望它的外观。

所以把它想象成菜单而不是选择框。

然后使用javascript使菜单下拉，就像选择标记一样。

（但对于几个像素来说肯定是很多工作不是吗？）

请记住，您永远不会编写一个CSS文件，使所有浏览器看起来都相同。只是不是他们的设计方式。如果你有一个需要它的经理，他们需要了解这些东西的运作方式。

进一步说明：您还必须使用javascript来存储选择。如果你需要，我可以给你写一个快速的脚本。不确定你对javascript的熟练程度。

Answer 2

元素的这种额外样式可能会有所帮助：

-webkit-appearance: none;