textareaのスタイル ホームページビルダー20SP

ホームページビルダー20SPのテンプレートにあるお問合せフォーム。

お問合せ内容の項目はtextarea(複数行テキスト)となっています。

テンプレートにあるものを使っている分には問題はありませんが、同様の複数行の入力項目を追加しても、テンプレートのスタイルが効かずに同じように表示(幅)することができません。

そして、SPではCSSをいじること(HTMLを書き出してソース編集すればいいのかもしれませんが、それではSPを使っている意味がまったくありませんね。)

テンプレートのもともとある複数行テキスト項目のスタイルは

.sp-form textarea[name=”message”] {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
width: 90%;
height: 150px;
}

となります。name=”message”がキモです。複数行テキスト項目を追加すると別のnameを指定する必要があります。すると上のスタイルは効きませんので、表示が異なることになります。

解決方法

HTMLソースパーツにCSSをインライン記述すればなんとかなりそうです。。。

ここで試してみました

http://hpb20sp.com/contact1.html