html - 文本输入未显示或移出按钮

Question

我对位于block_head类 div 内的两个按钮内的文本有一些问题。

在Chrome中，它们完全按照我的意愿显示：

在IE9中，没有文本：

这是我的CSS代码：

.block .block_head button {
    margin: 13px;
    padding: 5px 15px;
    float: right;
    height: 30px;
    text-align: center;
}

我尝试使用 CSS 属性（垂直对齐、删除边距等），我能想到的最好的方法是删除填充线：

我感觉到一个愚蠢的错误或兼容性问题，因为我是网络编程的新手。

任何帮助将非常感激！

Answer 1

在没有看到您的代码的情况下，我只能想象有一种正在应用的样式正在设置行高。您可以尝试将其添加到您的“.block .block_head 按钮”样式中吗？

line-height: 1em;
padding: 0px;

Answer 2

尝试这个：

.block {
    float: right;
}

.block .block_head button {
    margin-right: 13px;
    padding: 2px 15px;
    // float: right; (button is an inline element)
    // height: 30px; (auto height)
    // text-align: center; (no fixed width, the text will always be in the center)
}