Cocoonのサイドバーの「サイト内を検索」の文字サイズなどを変更する HTML+CSS

スポンサーリンク
スポンサーリンク

サイト内検索のクラス名

クラス名は widget_search となっている。

変更方法

INPUTタグ内の文字については ::placeholder という疑似要素を用いる。

文字の色を変更するには

例えば、赤字としたい場合、は以下の様に記述する。

input.search-edit::placeholder{
color:#ff0000;
}

文字のサイズを変更するには

input.search-edit::placeholder{
color:#ff0000;
font-size: x-small;
}

なお、当サイトは以下のように指定しています。

input.search-edit::placeholder{
	font-size: 80%;
}