1

尽管 .CSS 适用于我添加的所有元素，但它不适用于“立即订阅”按钮。

这是CSS

subbutton
{
    background-image:url(images/button_gradient.png); border:2px solid #FFFFFF !important;
    background-color:#be0000;
    font-size: 12px;
    font-family: Lucida Sans Unicode;
    color: #F8F8F8;
    border-color: #be0000;
    text-transform: uppercase;
    margin: 5px 10px 5px 0;
    letter-spacing: 1px;
    padding: 10px 30px;
    line-height: 15px;
    box-shadow: 0 1px 2px rgba (0, 0, 0, 0.1);
}

这是HTML

<div class="af-element buttonContainer">
   <input name="Subscribe" class="subbutton" type="submit" value="Subscribe Now!" tabindex="503" />
   <div class="af-clear">
   </div>
</div>

看起来我的代码被默认样式代理样式表覆盖，我不明白为什么。

这是该网站的链接：http: //xn--mxadnimgroqkg.gr/fitnessforum/

4

5 回答 5

3

您必须使用“。” 而不是“#”，因为您必须选择类而不是像这样的 id：

.subbutton

    {
        background-image:url(images/button_gradient.png); border:2px solid #FFFFFF !important;
        background-color:#be0000;
        font-size: 12px;
        font-family: Lucida Sans Unicode;
        color: #F8F8F8;
        border-color: #be0000;
        text-transform: uppercase;
        margin: 5px 10px 5px 0;
        letter-spacing: 1px;
        padding: 10px 30px;
        line-height: 15px;
        box-shadow: 0 1px 2px rgba (0, 0, 0, 0.1);
    }
于 2012-10-08T13:36:09.463 回答
1

CSS 规则使用id选择器#subbutton，而您的标记使用类选择器.subbutton。使选择器规则和它的使用保持一致（即要么使用#要么.在两个地方使用）将解决问题。

于 2012-10-08T13:35:10.520 回答
1

可以像 CSS 中的错字那么简单吗？

.subbutton
{
  /* your css */
}

注意 . （点）在您选择器之前

于 2012-10-08T13:35:15.243 回答
0

您在 css 文件中使用了id选择器：#subbutton，但您在 HTML 代码中指定了类属性：class="subbutton"

于 2012-10-08T13:35:26.887 回答
0

CSS应该是...

.subbutton
{
...
}

为了匹配输入...

<input name="Subscribe" class="subbutton" type="submit" value="Subscribe Now!" tabindex="503" />

您目前正在使用身份证...

#subbutton
{
...
}
于 2012-10-08T13:37:37.420 回答