<select>下拉几个像素

Question

考虑一下这个Bootstrap错误报告.基本上,<select>下拉列表与<select>Chrome和Safari上的元素不一致(两者都只测试了Mac).@mdo认为没有解决办法.我只想要第二个意见.

可以在<select>下拉菜单与基本对齐<select>元素？

Answer 1

您永远不会在多个浏览器和多个操作系统上将浏览器内置工具设置为相同的样式。

我已经这样做很长时间了，我最好的建议是尽可能设计最好的样式，并为旧的 IE 浏览器保留古怪的 css hack。

如果您想对精确像素进行超级分析，则不需要使用 select html 标签，而应使用 ul 标签。然后使用css来list-style: none;

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

然后，设置菜单的样式，使其看起来完全符合您的要求。

因此，请将其视为菜单而不是选择框。

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

（但这对于几个像素来说确实需要大量工作，不是吗？）

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

进一步注意：您还必须使用 JavaScript 来存储选择。如果您需要的话，我可以为您编写一个快速脚本来执行此操作。不确定您对 javascript 的熟练程度。