テキストフィールドが横幅いっぱいで表示される。size 属性の指定が効かない。

2019.05.13

お使いのテーマなどのの CSS でテキストフィールドの width の指定が行われています。下記のようにテキストフィールドのサイズ指定を打ち消す CSS を追加すると解決する。

1
2
3
input[type="text"] {
    width: auto;
}
———————————————-
.mw_wp_form input[type=”text”],
input[type=”email”],
tel,
select,
textarea {
width :  auto!important;
}