html - Chrome 添加垂直填充以在不同计算机上选择选项

Question

编辑:屏幕截图见底部:

我想知道有没有人遇到过类似的问题。在我的机器、Windows 8 和最新版本的 Chrome 上，我的选择框选项在垂直间距方面看起来都符合我的预期。在我旁边的开发人员中，同样运行 Windows 8 和相同版本的 Chrome，选择框选项似乎在填充的顶部和底部有 5px。代码位于我们的开发服务器上，因此我们正在访问相同的文件。

这是一个在其他开发人员的机器上重现问题的 jsfiddle:http://jsfiddle.net/3etfP/

这是一个测试用例(与 jsfiddle 相同):

<style type="css">
    .select {
        padding: 3px;
        color: #000;
    }
</style>    

<div>
   <select name="testSelect" id="testSelect" class="select">
       <option value="-1">Select One</option>
       <option value="0">No</option>
       <option value="1">Yes</option>
   </select>
</div>

一些其他可能有用的细节:

• 都运行 Windows 8.0 64 位
• 都使用桌面模式
• 都使用 30.0.1599.101 m 版 Google Chrome
• 使用以下 Chrome 扩展程序:
  • URL 化器(两者)
  • Google 环聊(两者)
  • Gmail 的正确收件箱(我)
  • Any.do(其他开发人员)
  • 快速笔记(其他开发人员)
  • Google 文档(两者)

如果我遗漏了任何细节，请告诉我。

谢谢

选择填充:

选择正常出现:

Answer 1

因为它是相同的操作系统和相同的浏览器，所以我会查看用户样式表:

• Windows:\User Data\Default\User StyleSheets\custom.css
• Linux:~/.config/chromium/Default/User StyleSheets/Custom.css
• (我知道你们都在使用 Windows，只是为读者介绍基础)

过去，我会在页面呈现后使用元素检查器来检查差异。一个总是妨碍我处理填充等的 CSS 属性是 box-sizing。