ＨＴＭＬ ｆｏｒｍのｓｕｂｍｉｔボタンをＬＩＮＫ風に表示する方法
ＦＯＲＭのＩＮＰＵＴで通常は
ｓｕｂｍｉｔボタンを
＜ｆｏｒｍ ＞
＜ｉｎｐｕｔ ｔｙｐｅ＝”ｓｕｂｍｉｔ” ｖａｌｕｅ＝”送信” ＞
＜／ｆｏｒｍ ＞
と書く。
すると
となる。
これでは画面仕様と合わない場合は
スタイルシートで何とかします。
書き方は簡単
＜ｆｏｒｍ ＞
＜ｉｎｐｕｔ ｔｙｐｅ＝”ｓｕｂｍｉｔ” ｖａｌｕｅ＝”送信” ｓｔｙｌｅ＝”ｂｏｒｄｅｒ：ｎｏｎｅ；ｂａｃｋｇｒｏｕｎｄ－ｃｏｌｏｒ：ｔｒａｎｓｐａｒｅｎｔ；ｃｏｌｏｒ：ｂｌｕｅ；ｔｅｘｔ－ｄｅｃｏｒａｔｉｏｎ：ｕｎｄｅｒｌｉｎｅ；”＞
＜／ｆｏｒｍ ＞
ポイントは
ｓｔｙｌｅ＝”ｂｏｒｄｅｒ：ｎｏｎｅ；ｂａｃｋｇｒｏｕｎｄ－ｃｏｌｏｒ：ｔｒａｎｓｐａｒｅｎｔ”
の部分です。
結果は
これなら＜ａ ｌｉｎｋと書いたのとほぼ一緒ですよね。