◆検索窓のカスタマイズ

こんにちは、カスタマイズと復興支援で頑張るたっくんです。

新デザインでは、こんなところもカスタマイズできるのですね。

私は、基本的に表示しない主義なのですが、

カスタマイズして表示してみましたよ。

もし、興味のある方いらっしゃいましたら、試してみてください。

以下のCSSを追加してみてください。

注：新CSS編集デザイン用のカスタマイズです。

/*検索ボタン*/
.blogSearchBtn {
width: 30px;/*アイコンの幅*/
height: 29px;/*アイコンの高さ*/
top: 4px;/*上からの位置*/
right: 1px;/*右からの位置*/
background: url(虫眼鏡アイコン画像URL);
background-position:0 0;
background-repeat:no-repeat;
}
/*検索窓*/
.blogSearchInput {
border: 1px solid #3eb370;/*枠線の色*/
background-color:#e0ebaf;/*枠の中の背景色*/
}
.blogSearchInput{
color:#333333 !important;/*枠内の文字色*/
}

いつもお世話になっています、

実験委員様の記事を参考にしました。

ありがとうございます。

ぜひあなたも参考にしてみてください。

⇒検索窓をカラフルに

---