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" />

現在使用しているID...

#subbutton
{
...
}
于 2012-10-08T13:37:37.420 に答える