Question

我有一个提交按钮，其中包含表单中的代码

<li>
   <input id="zip" name="zipcode" type="submit" 
          class="zip-button" value="Find" tabindex="{counter name=tabindex}"/>
</li>

.zip-button{
    height:30px;
    ------}
.zip-button:focus,.zip-button:hover{------}

由于某种原因，zip没有得到任何样式。但如果手动添加它在jquery像

$("#zip").css({"height":"30px",...});

它的工作。由于我对造型很陌生，我无法理解它。

Answer 1

你的css是否直接在页面中？如果是这样，那就是原因。您需要使用内联样式，样式标记或外部CSS文件。

内联：

<input style='height:30px;' ...

样式标签：

<html>
     <head>
        <style type='text/css'> 
            .zip-button{ height:30px; }
        </style>
     ...

external file

Answer 2

有时CSS中的级联是这种情况的可能原因。具有更高优先级的另一个规则是能够覆盖定义。 Firebug是一个很好的“调试”css代码的工具。它显示了浏览器如何解释样式表。

Answer 3

有时我们可能会引用缩小的css（abc.css.min）文件，其中某些类可能会丢失（我的情况）而不是原始的源css。这可能会导致少数类缺少样式css.min ....我们可以使用FireBug找到这个...在这种情况下我们需要返回并设置正确的引用... [我是一个初学者，因为我的技术术语用法很简陋]

classname无法识别CSS样式

3 个答案: