下拉菜单切断Windows Chrome中的字母

Question

Windows Chrome上的下拉菜单。在MAC Chrome上工作得很好，字母不会被切断。问题：

单词select，应该完全可见。

CSS是基本的：

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

使用标准bootstrap。

Answer 1

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

快速查看Chrome检查器中的默认.form-control，可将元素显示为34px高。您已将.form-control元素设置得太小，无法显示其全部内容。

通常，您应该避免明确设置这些的高度。

Answer 2

不久前我遇到了这个问题。

在Windows chrome中，删除垂直填充对我来说很好。对于我来说，它也不会对Mac Chrome中的显示造成负面影响。

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