min117の日記

初期desireもち。趣味Mac,メインFedora,仕事xp。

CSS 「送信」ボタン(submit)の色を変更する

ファイルアップロード.html の「送信」ボタン(submitボタン)の色を変更したい。がっつり目立つ赤色とかでいい。

f:id:min117:20190103064550p:plain

こうなるようにする。

f:id:min117:20190103092641p:plain

ファイルをアップロードすればリンクができる動き。

 

使うファイルは2つ。

02_upload_multi_LINK.html

 ファイルアップロードのためのHTMLファイル

inputDesign3.css

 HTML装飾のための命令を記載したCSSファイル

f:id:min117:20190103064914p:plain

 

02_upload_multi_LINK.html

f:id:min117:20190103064716p:plain

 ・ヘッダ<head>の中

 ・<link rel="stylesheet" type="text/css" href="./inputDesign3.css">

 を記載して、CSS命令を取り込む。

 

 

側)02_upload_multi_LINK.html 側)inputDesign3.css

f:id:min117:20190103070824p:plain

側)02_upload_multi_LINK.html

 ・ボディ<body>の中

 ・<input type="file" name="upfile[]" multiple style="width:300; height:50px;" class="sbt_1">

 を記載して、CSS内の「.sbt_1」の設定を取り込む。

 

側)inputDesign3.css

 ・「.sbt_1」の中に装飾命令を記載する。

 

このへん参照にした。

monopocket.jp

monopocket.jp

CSS記事はWEBに溢れているけど、どの記事を参照しても「結局どの記述をどこに書けばいいのか?」がサッパリ分からない。分かりにくい。ソースを<head>に書くのか<body>に書くのか、そのへんから明確に書いて欲しいといつも思う。