与えられた
<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);" />
効果なし。これにはコツがありますか?