WordPressでCSSが動かない

Question

前提・実現したいこと

ローカルのApacthに設置したWordPressの話です。
WordPressの投稿の編集エリアの下のほうにカスタムJavaScriptと言うJavaScriptのコードを入力できるtextareaがあります。

そのtextareaの縦が小さくて見ずらいため縦をもっと長くしたいです。

発生している問題・エラーメッセージ

cssが動かない

該当のソースコード

ページのソースを表示で該当textareaのタグを調べました。一番下にそのtextareaがあります。

<div id="custom_js" class="postbox " >
    <button type="button" class="handlediv" aria-expanded="true">
        <span class="screen-reader-text">パネルを閉じる: カスタムJavaScript</span>
        <span class="toggle-indicator" aria-hidden="true"></span>
    </button>
    <h2 class="hndle">
        <span>カスタムJavaScript</span>
    </h2>
    <div class="inside">
        <input type="hidden" name="custom_js_noncename" id="custom_js_noncename" value="3de6b14eb0" />
        <textarea name="custom_js" id="custom_js" rows="5" cols="30" style="width:100%;" placeholder="当ページ変更用のJavaScriptコードのみを入力してください。scriptタグは不要です。"></textarea>
    </div>
</div>

試したこと

wordpressのテーマの編集のstyle.cssに下記のように指定しました。

textarea#custom_js{
    height:300px;
}

しかし何の変化もありません。

chromeの閲覧履歴を全期間削除 下記にチェックが入っています
閲覧履歴
キャッシュされた画像とファイル
自動入力フォームデータ

worpressのプラグイン全停止

chromeのプラグイン Clear Cache を入れてキャッシュのクリア

試しにローカルに該当textareaをコピペしたhtmlを作成して下記CSSが動くが試したら動いたのでCSSの記述は問題ないと思います。

textarea#custom_js{
    height:300px;
}

補足情報（FW/ツールのバージョンなど）

テーマはCocoonを使用しています。
有効にしているのは子テーマのほうです。
編集したのは子テーマのstyle.cssです。

Answer 1

解決した方法を２重投稿してしまったためこちらは削除しました。

Comments

[takahashi-one]

すいません。質問をしたものですが、自己解決方法を記入してから自己解決方法を投稿するボタンを押して一旦ブラウザを閉じて、またブラウザにアクセスすると、記入した自己解決方法の編集エリアがそのまま残っていて、あれ？と思いまた自己解決方法を投稿するボタンを押したら同じ回答がそのまま掲載されてしまいました。この同じ回答を削除することはできるのでしょうか？

[takahashi-one]

あと、yahoo知恵袋などは解決済みになると編集できなくなりますが、
こちらは解決済みでも編集できるのですが、そういうものなのでしょうか？

[dit.]

パソコンからであれば回答の右下にゴミ箱のアイコンがあるはずで、そこから削除リクエストを送れるはずです。スマホからだと多分無いです。

削除リクエスト理由に重複してしまったとか書けば多分通ります。

teratailでは解決後も編集ができます。
わざと中身を削除するとか全然違う質問に書き換えるとかでなければ問題ないと思いますが、仕様です。

[takahashi-one]

回答ありがとうございます。ゴミ箱があるのですが、削除リクエストを送るための条件を満たしていませんと表示されてしまったので回答本文を削除して対応することにしました。

Answer 2

style.cssが管理画面のCSSではないことに気づきました。
子テーマのfunction.phpに下記を設定したら目的が達成できました

function textarea_long_height() {
	?><style>
		textarea#custom_js{
			height:500px;
		}
	</style><?php
}
add_action( 'admin_head', 'textarea_long_height' );

Answer 3

style.css内に、例えば以下のようなわかりやすい記述をしてみて、画面に反映されますか?
されないのであれば、style.cssが読み込まれていない可能性があります。

/* 例1 */
body {
  background: #f00 !important;
}

/* 例2 */
body {
  display: none !important;
}

Comments

[takahashi-one]

回答ありがとうございます。
指摘されて気付いたのですが、このstyle.cssってダッシュボードは無関係ですか？
ダッシュボードの投稿の編集にあるtextareaなんですけど、ちょっとググります。