Question

http://jsfiddle.net/4UA82/1/

    #subscribe-submit input[type="submit"] {
    text-decoration: none !important;
    color: #000000 !important;
    font-size: 12px !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    background-color: #24890d !important;
}
#subscribe-submit input[type="submit"]:visited {
    text-decoration: none !important;
    color: #000000 !important;
}
#subscribe-submit input[type="submit"]:hover {
    font-size: 12px;
    background-color: #2b2b2b;
    color: #000000 !important;
}
#subscribe-submit input[type="submit"]:active {
    font-size: 12px;
    background-color: #2b2b2b;
}

我只是想让这个按钮悬停到所需的背景颜色，但由于某种原因它不起作用。

如果删除初始设置，我可以将其悬停：

  #subscribe-submit input[type="submit"] {
    text-decoration: none !important;
    color: #000000 !important;
    font-size: 12px !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    background-color: #24890d !important;
}

所以我不确定发生了什么。

谢谢！

Answer 1

删除!important代码

#subscribe-submit input[type="submit"] {
    background-color: #24890d;
}

需要在每个属性上使用!important表明构建CSS的方式存在缺陷

Answer 2

在＃subscribe-submit输入中[type =“submit”]更改

background-color: #24890d!important;

到

 background-color: #24890d;

想要在css上悬停时输入提交

2 个答案: