検索フォーム(ドロップダウン)のスタイルについて

Question

まず、初めに初心者です。

wp dropdown categoriesでスタイルをいじることはできるのでしょうか？

<form id="category-select" class="category-select" action="<?php echo esc_url( home_url( '/' ) ); ?>" method="get">


		
<?php $select  = wp_dropdown_categories(array(
			'show_option_none' => '',
			'show_count'       => 1,
			'orderby'          => 'name',
			'echo'             => 0,
			'name'             => 'osaka',
			'taxonomy'         => 'osaka',
			'value_field'      => 'slug',
	        'child_of'           => 2,
)); ?>

		<?php $replace = "<select$1 onchange='return this.form.submit()'>"; ?>		
		<?php echo $select; ?>
                
<input type="submit" name="submit" value="view" class="searchsubmit" />



</form>

と検索フォームを書いてます。

ここからドロップダウンのサイズを変えたくて
style.cssに以下を記入しても上手く反映されないのです。

.searchpost {
width: 75%;
height: 100px;
}

「wordpress 検索フォーム　スタイル」等で検索をして、解決策を模索するも見つからず
ここに質問することにしました。

追記：
Simplicity２を使っています。
リンク内容

Comments

[kei344]

使用されているテーマは自作テーマでしょうか？それとも公開されているテーマでしょうか？後者の場合は入手先をリンクつきで質問文に追記してください。

Answer 1

とくに指定していない場合 .postform がデフォルトで付くクラスだと思います。

【wp_dropdown_categories:WordPress私的マニュアル】
https://elearn.jp/wpman/function/wp_dropdown_categories.html

なにかでデフォルト値が書き換えられていたとしたら、デベロッパーツールで確認してそれにあったCSSを記載すればよいです。

【開発者ツールを使おう！ カスタマイズするphpファイルを探す-その1 | RYUS blog】
http://ryus.co.jp/blog/customize-php-search-1/

【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】
http://www.buildinsider.net/web/chromedevtools/01

Comments

[yusyu]

分かりやすく回答して頂きありがとうございます。
まだまだ未熟ですが、頑張って学習していきます！