ボタンの色を変える   役に立つJavaScript & HTML
町工場ネット トップ | サイトマップ | 新規登録 | プライバシーポリシー | 相互リンクの方法 | 問い合わせ
 
 トップページ >> 役に立つJavaScript & HTML  > ボタンの色を変える

 

送信ボタンなどボタンの色はねずみ色で、どうも好きになれないという方のためにボタンの色を変える方法です。スタイルシートで設定するとそのページのボタンの色が全部同じになるので、ここではひとつづつ個別に設定しています。

これはふつうのやつ。

こんな感じでどんな色にも出来ます。

ソースです

<FORM><INPUT style="background-color:#ffb425;border-color:#fdf5e6 #fdf5e6 #ffdab9 #ffdab9;" type="button" value="送信"></FORM>

background-color:#ffb425 これがボタンのいろです。
border-color:#fdf5e6 #fdf5e6 #ffdab9 #ffdab9 これが枠の色です。
順に上 右 下 左 なんですが、適当にボタンの色より薄い色を指定すれば大丈夫です。

ボタンに画像を使っているタイプです。画像の大きさに合わせてボタンの大きさを指定してください。
ソースです。

<FORM>
<BUTTON type="button" style="background-color:#fffff0;"><IMG src="../ppball.gif" width="40" height="40" border="0"></BUTTON>
</FORM>

IMGタグで画像を指定するだけです。


このページの上 
責任者:吉年伸之 住所:大阪府大東市寺川5-12-18  問い合わせ:support@sisakubankin.com