検索フォールにCSSを

  • 投稿日:
  • by

検索フォームのボタン色を付けたいと思います。

<form method="get" action="<$MTCGIPath$><$MTSearchScript$>"> <input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" /> <input id="search" tabindex="5" accesskey="t" name="search" size="20" value="" /><br /> <input type="submit" tabindex="6" accesskey="s" value="Search" class="s-button" /> </form>

という感じで、クラスセレクタを設定します。


そして、スタイルシートに、

/*検索ボタン*/ .s-button { font-family: Century Gothic, Verdana, Arial, sans-serif; background-color: #006699; color: #ffffff; }

と入れます。

↓こうなります。

他にもスクロールバー等もスタイルシートを適用できます。


Web標準デザインテクニック即戦ワークブック―XHTML+CSSを正しく賢く書くための15問
Dan Cederholm 森本 真吾 ミツエーリンクス
毎日コミュニケーションズ (2005/06)
売り上げランキング: 12,750
おすすめ度の平均: 5
5 結構読みやすい