html – 在Firefox上的select中缺少border-right

发布时间：2020-12-14 18:39:25 所属栏目：资源来源：网络整理

导读：当我将select放入div并使用width和padding-left时,我的选项右边没有边框.更重要的是,只有当select选择宽度为118px且父级有15px的填充时,它才会发生！有人有想法,发生了什么事？我的简单代码： !DOCTYPE htmlhtmlhead lang="en"/headbodydiv style="width: 1

当我将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>

结果：

这是一个plunker：click

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

解决方法

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

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

而且好用的是GOOGLE！

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

阅读bug报告后,我读到它可能与widows.size或解决方案有关.如前所述,问题可以解决.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!