2

与えられた

<button label="Login" class="ATKButton" />

CSS 定義の一部のスタイルのみが適用されています。スタイル ルールは DOM インスペクタに表示されますが、一部は無視されているようです。

以下は、どのタイプのルールが機能し、どのタイプのルールが無視されるかについてのコメントとともに、スタイルの定義です。

.ATKButton{
    background: linear-gradient(#333333, #222222); #ignored
    border: 1px solid #111111; #ignored
    border-radius: 2px 2px 2px 2px; #ignored
    text-transform: uppercase; #ignored
    font-weight: bold; #ignored        
    letter-spacing: 0.1em; #ignored
    text-align:right; #ignored

    color: white; #obeyed
    cursor: pointer; #obeyed        
    font-size: 10px; #obeyed
    height: 28px; #obeyed
    width: 120px; #obeyed
}

また、次のような頑固なスタイルを直接適用しようとしました。

<button label="Login" class="ATKButton" style="background: linear-gradient(#333333, #222222);" />

効果なし。これにはコツがありますか?

4

1 に答える 1