基本的 CSS 按钮样式不起作用

Question

这是 HTML：

<input type="submit" name="submit" value="SHOUT" />

这是 CSS：

input[type="submit"] {
    height: 50px;
}

问题在于它没有修改提交按钮的大小。这有什么原因吗？

Answer 1

您提供的相同代码似乎可以正常工作。您是否正确添加了对 css 文件的引用？

input[type="submit"] {
    height: 150px;
}

<input type="submit" name="submit" value="SHOUT" />

Answer 2

一些可能的解决方案：

• 将值设置为重要：height:50px !important;
• 检查是否没有其他内容会覆盖 CSS 中的值。通常使用 Firebug 或类似工具在您的浏览器窗口中进行检查（请参阅 here）。
• 将min-height 值和/或max-height 值设置为与标准高度相同。

如果没有链接或小提琴可供使用，我无法为您提供更具体的建议。