小编Sco*_*ael的帖子

编辑:屏幕截图见底部:

我只是想知道是否有人遇到过类似的问题.在我的机器,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米的谷歌浏览器
• 使用以下Chrome扩展程序:
  • URL-alizer(两者)
  • Google环聊(两者)
  • 适用于Gmail的收件箱(我)
  • Any.do(其他开发者)
  • 快速笔记(其他开发)
  • Google文档(两者)

如果有任何我错过的细节,请告诉我.

谢谢

选择填充:

选择正常显示: