« Spamassassinの導入(その2) | メイン | BlogPetがリニューアル! »

Ramdom Entry Pickup

検索フォールにCSSを


[PR] 「ほったらかしアフィリエイト実践会」わずか108円であなたに代わって優秀なライターが、毎日3本の最新アフィリエイト記事を書いてくれる!

Category : [ CSS, インターネット ]
November 1, 2005 15:21





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

<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 結構読みやすい




ソーシャルブックマーク

「del.icio.us」にブックマーク|このエントリーの「del.icio.us」での登録状況|はてなブックマーク|はてなブックマーク|テクノラティ・リンク検索結果|Technorati|BlogPeople Instant Bookmark|BlogPeople Tags|ドリコムRSS|ニフティクリップ|livedoorクリップ|livedoorクリップ|ECナビに登録|add-fc2.gif|FC2ブックマークでの登録状況

このエントリーと関連性が高いと思われるエントリー


このエントリーに関連するかもしれない商品


おすすめ商品


Link Information

Link HTML:

トラックバックURL:

コメントする