html - 下拉菜单在 Windows Chrome 中切断字母

<分区>

下拉菜单在 Windows Chrome 上损坏。在 MAC Chrome 上运行良好，字母不会被截断。问题:

选择这个词应该是完全可见的。

CSS 是基本的:

.form-control {
    height: 30px;
    width: 50%;
    padding: 8px 12px;
    font-size: 13px;
}

使用标准 Bootstrap 。

最佳答案

height: 30px; 可能是您的问题。

在我的 Chrome 检查器中快速查看默认的 .form-control 显示元素为 34px 高。您使 .form-control 元素太小而无法显示其全部内容。

一般来说，你应该避免显式设置它们的高度。

关于html - 下拉菜单在 Windows Chrome 中切断字母，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37892620/