フォームのtextareaのサイズ指定がうまくいかない

Question

メールフォームプロを使って、初めてフォームをつくっていますが、
textareaのサイズ指定がうまくいかず、困っています。

cssでtextareaのサイズ指定をしています。

textarea{
    width:550px;
    height: 300px;

ローカル環境では、指定通りのサイズになるのですが、
サーバーにアップするとelement.styleというのが適用されてしまい、うまくいきません。

element.style{
    width:300px;
    height:60px;
}

このelement.styleはなぜつくのでしょうか？
どうやったら、自分が指定したスタイルを適用できるのでしょうか?

どなたかご教授ください。
よろしくお願いします。

Comments

[gin]

解決になっているのでここにでも。どこを修正したらいいかなどはサポートで検索もしくは質問したほうがいいかもですね。「http://www.synck.com/contents/faq/index.html」

[korokorota]

ご丁寧に教えていただいてありがとうございます！サポートで検索したら見つかりました！！
本当にありがとうございました！

Answer 1

element.styleが付く理由はおそらく次の２通りです。

• HTML内のタグにstyleの記述をしている
• JavaScriptでstyleの追加をしている

これらが行われていないか確認してみてください。

Comments

[korokorota]

回答いただき、ありがとうございます。
HTML内にstyleの記述はしていないので、JavaScriptでstyleの追加をしているのだと思います。ただ、自分にJavaScriptの知識がないので、どこに記述があるのかを見つけられません･･･
せっかくご回答いただいたのに、活かしきれずに申し訳ありません。
でも、原因が解っただけでも少しスッキリしました。
ありがとうございました。

Answer 2

element.styleがなぜ付くのかは分かりませんが、!importantを付けることにより目的は実現できます。

textarea{
    width : 550px !important;
    height: 300px !important;
}

ですが!importantはできるだけ使わない方が良いです。こちらにCSSの優先順位についての記事がありましたので御覧ください。

Comments

[korokorota]

回答いただき、ありがとうございます。
CSSの優先順位の参照ページもありがとうございました。
改めて再確認することができました。

本当に最後の最終手段として!importantを覚えておきます！
ありがとうございました。