垂直居中文本的CSS填充问题

Question

我一直在努力解决这个问题

我的表单有一些jQuery下拉列表的脚本，但下拉列表中的文本没有垂直居中。我用padding-bottom设置了普通文本框的样式，以便文本位于中间，但我不能对jQuery框执行相同的操作。我已经设法在实际下拉列表中执行此操作，而不是您选择的选项。如果有人可以帮助让文本在框中垂直居中（而不是文本对齐中心），我会很感激。

http://fifamatchgenerator.com/dev/formtest/form1.php

我想我已经盯着它看了太久而且对它视而不见......

P.S。 dd.css文件中可能有一些代码，这是我尝试过的并且失败了（大部分代码都是脚本附带的默认代码）

Answer 1

摆脱底部填充，添加height和line-height：

.ddlabel {
    height: 49px;
    line-height: 41px;
    padding-bottom: 0;
}

此处的关键组件是line-height。这是您可以调整文本的垂直位置的方法。您可以根据自己的喜好进行调整。设置高度不是完全必要的，但它会使菜单的下拉部分保持正确定位（这可以通过其他方式解决）。使用填充这不是一个好主意 - padding-bottom实际上可以被删除（我把它留在那里作为提醒）。