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

Question

这是HTML：

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

这是CSS：

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

问题是它不会修改提交按钮的大小。这有什么理由吗？

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

一些可能的解决方案：

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

如果没有链接或小提琴，我无法给你更具体的建议。