链接的css不适用于按钮

Question

我的问题是位于不同文件中的css对按钮不起作用。

我的按钮：

echo "<p><i><input type='button' id='register' value='register'/></i></p>";

我的css：

#register {
    background: red;
}

#register:hover{
    background: black;
}

出于某种原因，:hover完美无缺，但#register完全没有

谢谢大家。

Answer 1

这是一个JSFiddle：http://jsfiddle.net/Bm9E4/

请确保您的link href正确放入标题中。

如果您使用相对路径，请确保它正确链接。

或者，您可以使用绝对路径链接到您的CSS

Check here the differences

很可能你的#register被另一个覆盖了。请提供更多代码（或css加载的顺序）或搜索其他或相同的CSS

Answer 2

CSS的特殊性。您越具体，风格的优先级就越高。 例如：

HTML
<div id="myDiv"></div>

CSS
#myDiv {
    height: 200px;
}

div#myDiv {
    height: 0;
}

在此示例中，高度将设置为0，因为div #myDiv更具体。如果你不小心的话，你可以经常遇到这个问题。