コンタクトフォーム7で入力欄のみCSSが適用されない

Question

実現したいこと

ワードプレスでコンタクトフォーム7で入力欄をwidth.heightを使って幅を変更したいです。
そこの部分だけなぜかcssファイルを読みこんでくれないので困っています。
お手数ですが、よろしくお願いします

前提

ワードプレスでコンタクトフォーム7のカスタマイズをしています。

同じ設定でLocal環境下では機能していまが本番環境下で機能しません。
また、送信ボタンだけなぜかCSSを読みこんでいます。

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

そこの箇所だけcssの読み込みがされていない。前後は読み込みされている。

該当のソースコード

.wpcf7 input[type="text-123"] {
    height: 3em;
    width: 80%;
}
.wpcf7 input[name="email-456"] { /* メール入力欄 */
    height: 3em;
    width: 80%;
}
.wpcf7 input[name="tel-789"]{
    height: 3em;
    width: 80%;
}
.wpcf7 input[name="text-101"]{
    height: 3em;
    width: 80%;
}
.wpcf7 textarea[name="textarea"]{
    height: 15em;
    width: 100%;
}

<div class="form-parts">
                    <p class="form-lable"><span class="required-label">必須</span>お名前</p>
                    [text* text-123 id:text-123]
                </div>
                <div class="form-parts">
                <p class="form-lable"><span class="required-label">必須</span>メールアドレス</p>
                    [email* email-456 id:email-456]
                </div>
                <div class="form-parts">
                <p class="form-lable"><span class="required-label">必須</span>お電話</p>
                    [tel* tel-789 id:tel-789]
                </div>
                <div class="form-parts"><p class="form-lable">ご自宅</p>
                    [text text-101 id:text-101]
                </div>
                <div class="form-parts">
                    <p class="form-lable"><span class="required-label">必須</span>お問い合わせ内容</p>
                    [textarea* textarea-345 id:textarea-345]
                </div>
</div>

試したこと

公式からhttps://contactform7.com/ja/styling-contact-form/
コードを転載してもだめで、ほかの箇所のCSSは変更しても動きました。
誤字脱字の確認は可能な限り見たつもりです

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

コンタクトフォーム7はバージョン 5.7.4 を利用しています

Answer 1

別のPCで表示して、時間がたったら治りました。
もしかしたらWordPressのエディタで修正してたからかなかもしれません。。。。
よくわかりませんが解決（？）しました
真摯に対応してくださりありがとうございました。
申し訳ございません。

Comments

[m.ts10806]

やはりキャッシュCじゃないですかね。
https://suzunon.com/web-develop/css/cache-delete/

CSSのリンクURLにクエリストリングをつければキャッシュクリアの面倒はなくなります。

Answer 2

type="text-123"
というのは存在しないので、そもそもどのような環境でも適用されないと思うのですが、
本当に同じですか？
https://developer.mozilla.org/ja/docs/Web/HTML/Element/input
type=textもしくはtypeではなく他と同じくname属性にすべきと思います。

Comments

[old]

ご指摘ありがとうございます。ここの部分間違えてました。name="text-123"にしました。まだ反映されておらず。。。やっぱり他にもおかしいところあるのでしょうか？

[m.ts10806]

修正後のコードの提示を。
あとは問題切り分けです。
高さや幅は見た目の変化が分かりづらいので背景色なども設定してみてください。
あとはキャッシュのクリア。
ブラウザの「ソースを表示」でそのCSSが指す通りのものになっているかは確認してください

[old]

```css
.wpcf7 input[name="text-123"] {/* 前回ご指摘いただいて修正した箇所 */
height: 3em;
width: 80%;
}
.wpcf7 input[name="email-456"] {
height: 3em;
width: 80%;
}
.wpcf7 input[name="tel-789"]{
height: 3em;
width: 80%;
}
.wpcf7 input[name="text-101"]{
height: 3em;
width: 80%;
}
.wpcf7 textarea[name="textarea"]{
height: 15em;
width: 100%;
}

.submit-btn{
margin-top: 25px;
text-align: center;
}

.send-btn{
padding:5px;
color: white;
background-color: #1c5e9b;
border: 1px solid #red;
border-radius: 6px;
}
.send-btn:hover{
cursor: pointer;
}
```

この```.wpcf7```のところが一通りCSSが読み込まれていません。
デベロッパーツールも確認しながらやっています・・・