Firefox上的select中缺少border-right

kub*_*but 7 html css firefox

当我将select放入div并使用width和padding-left时,我的选项右边没有边框.更重要的是,只有当select选择宽度为118px且父级有15px的填充时,它才会发生!有人有想法,发生了什么事?

我的简单代码:

<!DOCTYPE html>
<html>
<head lang="en">
</head>
<body>
<div style="width: 1000px; padding-left: 15px;">
    <select style="width: 118px;">
        <option>a</option>
        <option>b</option>
        <option>c</option>
    </select>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

结果:

在此输入图像描述

这是一个plunker:点击

它只发生在Windows上的firefox上.我在40.0.2版本上测试过它

小智 1

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
Run Code Online (Sandbox Code Playgroud)

来源:https ://stackoverflow.com/a/11390432/4431269 问题来源:https://bugzilla.mozilla.org/show_bug.cgi? id=924068

还有好好利用GOOGLE!

编辑:(问题根源,解释)

阅读错误报告后,我发现它可能与 widows.size 或分辨率有关。该问题可以按照前面的说明进行修复。