WordPressの検索フォームボタンのデザインをカスタマイズする方法

投稿日:

大したアレでもないんですが、意外とググってもないのでメモ。
こういうのね。

photo credit: Clover_1 via photopin cc

表示したい位置にWordPressの検索フォーム用コード

「btn.gif」がボタンになります。
取りあえず今回はボタンサイズは「width60px、height27px」で予定。

面倒なら下の画像を右クリックでダウンロード

 

次にCSS

コメント見てもらえばわかると思います。
「検索フォームの文字記入部分の高さ(17px)」と上下の高さ(4pxと4px)
を足しても全体の高さ(27px)に足りませんが、そればボーダー(線)の太さが2pxあるからです。

元はhttp://www.css-lecture.com/log/css/052.htmlを参考にさせて頂きました。

以上ですよ。

-WordPress

Copyright© ENJILOG , 2017 All Rights Reserved.