gpt4 book ai didi

html - 在 Firefox 上选择时缺少右边框

转载 作者:太空狗 更新时间:2023-10-29 14:23:36 25 4
gpt4 key购买 nike

当我将 select 放入具有宽度和 padding-left 的 div 时,我的选项在右侧没有边框。更重要的是,只有当 select 的宽度为 118px 并且 parent 有 15px 的 padding 时才会发生!有人有想法,这是怎么回事?

我的简单代码:

<!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>

结果:

enter image description here

这是一个笨蛋: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的好用!

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

阅读错误报告后,我了解到它可能与 widows.size 或分辨率有关。问题可以按照前面的解释解决。

关于html - 在 Firefox 上选择时缺少右边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32181842/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com