前提・実現したいこと
wordpressのcontactform7を使いフォームを作っているのですが、
iphoneで一部のフォームの枠線が消えてしまうので、
解消したいのですが、どのような対処法があるかご存知の方はお教えください。
発生している問題・エラーメッセージ
input タグのタイプでdateだけ枠が表示していない<小さい下線があるのみ> input textやtel、emailなどは枠は表示している
該当のソースコード
contactform7内は
[date* date-658 id:age placeholder]
html出力されたのは以下
<input type="date" name="date-658" value="" class="wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date" id="age" aria-required="true" aria-invalid="false" placeholder="1999/01/01">
試したこと
.wpcf7 .template02 input[type=text],
.wpcf7 .template02 input[type=tel],
.wpcf7 .template02 input[type=email],
.wpcf7 .template02 input[type=date],
.wpcf7 .template02 textarea {
width: 100%;
margin: 0;
padding: .5em 1em;
border: 1px solid #c4bbb8;
border-radius: 4px;
box-shadow: none;
background-color: #fefefe;
color: inherit;
font-family: inherit;
font-weight: inherit;
font-size: 16px;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
iphoneの場合は端末内のCSSが邪魔してくるから
appearanceを使用するといいとネットで調べ試してみましたが、
表示せず<小さい下線があるのみ>。。
他の名前や電話番号などは枠が表示されている
補足情報(FW/ツールのバージョンなど)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。