iphone端末でread only属性のデザインのカスタマイズが効かない件

ワードプレスで作成したサイトに、コンタクトフォーム7とそれに付随したadd confirmというプラグインを入れて、
お問い合わせフォームを作成しております。
フォームを入力して、確認画面を表示した際に、デザイン的に装飾等を一切なしにして、情報のみを表示したいのですが、
iphone端末で表示した際にデフォルトのデザインが適応されてしまいます。
色々と調整してみたのですが、そもそもiphone端末をこちらで所有しておらず、検証が出来ない状態ですので、こちらで質問させていただきました。

現在設定されているデザインは下記のとおりです。

html
1<dl>
2	<dt>ふりがな<span>必須</span></dt>
3	<dd>
4		<span class="wpcf7-form-control-wrap furigana">
5			<input type="text" name="furigana" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false">
6		</span>
7	</dd>
8</dl>

scss
1  .wpcf7 {
2    dl {
3      dt span {
4        display: none;
5      }
6      dd {
7        input {
8          background: white;
9        }
10        .wpcf7c-conf,
11        input[readonly],
12        input:-internal-autofill-selected {
13          background: none !important;
14          border: none !important;
15        }
16        input:-webkit-autofill {
17          box-shadow: 0 0 0px 999px #fff inset !important;
18        }
19      }
20    }