• ベストアンサー

formに色をつけたい

・ 色々と"form"のボタンを作りますがこのボタン自体に色とかテキス トに色をつけたいのですが  どのように書けばよいのでしょうか。  <input type="button" value="おはよう!!">  こんな感じのボタンです。

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.3

>CSSを使わなかった場合はどう書くのでしょうか。 微妙な質問ですね・・・ style属性をいじることとcssはほぼ同意ですが <input type="button" value="おはよう!!" style="border-Color :#ffffff;background-Color:#ffffff;color:#ff0000;"> javascriptでやるなら <script> window.onload=function(){ var s_hoge=document.getElementById("hoge").style; s_hoge.borderColor="#ffffff"; s_hoge.backgroundColor="#ffffff"; s_hoge.color="#ff0000"; } </script> <input type="button" value="おはよう!!" id="hoge"> ※styleへのアクセス方法が微妙にちがうので注意

その他の回答 (2)

noname#56851
noname#56851
回答No.2

input { width:100px; padding-left:0.5em; background-color:#ffe4b5; border:7px #999999 inset; color: #330033; } こんな感じでしょうか。 上から ボタンの横幅、ボタン内のテキストをバランスよく配置するためのパディング、背景色、枠の太さ色種類、フォントの色です。 これをスタイルシートに書き込んでください。

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

border-color :枠線の色(一部ブラウザ非対応) background-Color:背景色 color:文字色 を指定します。 <style> #hoge{ border-color :#ffffff; background-Color:#ffffff; color:#ff0000; } </style> <input type="button" value="おはよう!!" id="hoge">

htgo
質問者

お礼

yambejpさん、早速のレス有難う御座います。 CSSを使わなかった場合はどう書くのでしょうか。 宜しくお願いします。

関連するQ&A