javascript - 在 JQuery 按钮中垂直调整大小和居中文本

Question

我的页面上有一个按钮 html 元素，我想使用 JQuery 按钮，所以我这样做了

$( "#myButton").button();

效果很好，但我想编辑按钮的样式，即(如标题中所述)我想让按钮更短，文本更小，文本垂直居中。我试过了

#myButton {
    height: 22px;
    font-size: 16px !important;
}

这在使我的按钮和文本达到我想要的大小方面起作用，但它不会使文本在按钮中垂直居中。我试过设置 padding-bottom: 2px;，我试过设置 line-height: 22px;，我试过设置 vertical-align : center;，但都没有用。该按钮仍然看起来像:任何帮助将不胜感激。谢谢!

Answer 1

尝试使用 padding: 0; 而不是 height: 22px; 并且你的高度将由你的 font-size 属性定义。

示例:https://jsfiddle.net/dmonti/mz8k7kkw/