WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:外部スタイルシートでボタンの色を変える

高橋 [MAIL] [WriteDate : Tue Jun 26 16:25:51 2001]

現在、外部スタイルシートを使ってボタンのbackground-colorやfont-colorを変えようとしております。下記のようなCSSファイルを作り、リンクをはったのですが、どうしても、ボタン属性のみ
結果が反映されません。

body         { background-color: #FFFFCC; color: #000000 }
button       { background-color: #FFCC00; color: #003399 }

bodyタグについては、何の問題もありません。
ちなみにブラウザはIE5です。
どなたかご教授下さい。宜しくお願い致します


さっぱり★ [WriteDate : Tue Jun 26 17:08:56 2001]

そのCSSの記述には問題ないと思います。
>ボタン属性
というのが怪しいのですが、もしかしてボタンは<button>ではなく、<iuput type="button">になっていませんか?


高橋 [MAIL] [WriteDate : Tue Jun 26 17:16:04 2001]

さっぱり★さん、早速のご回答有難うございます。
ボタンは、<input type="submit">と<input type="reset">と
<input type="button">の3種類を使っております。
宜しくお願い致します


カヅサツ [URL] [WriteDate : Tue Jun 26 17:36:31 2001]

INPUT 要素は BUTTON 要素ではありませんから、
BUTTON に CSS を定義しても INPUT 要素には適用されません。

CSS Level 2 的にはそれぞれ、

input[type="submit"]{
background-color: #FFCC00;
color: #003399;
}
input[type="reset"]{(略)}
input[type="buton"]{(略)}

とせざるをえませんが、 MSIE 5.5 まではこのセレクタに対応していないです
(Mac 版および 6.x は未確認。 N6 / Mozilla は対応)。

というわけで MSIE 5.x にどうしてもこれらを反映させたい場合は、
class 属性を併用するしかありません。

<!-- HTML -->
<input type="submit" class="button">
<input type="reset" class="button">
<input type="button" class="button">

/* CSS */
input.button{
background-color: #FFCC00;
color: #003399;
}


高橋 [MAIL] [WriteDate : Tue Jun 26 18:17:22 2001]

カヅサツさま、ご丁寧なお返事、有難うございます。
おかげで無事解決いたしました。
INPUTタグはBUTTON属性ではないのですね。まだまだ勉強不足でした。
今回は本当にどうもありがとうございました

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]
ChaichanPAPA's World