字段在iOS浏览器上无法正确显示

Question

我正在处理具有表单的html网页。我使用CSS编辑输入字段，它们在台式机和笔记本电脑上都能很好地显示。

但是当我同时在Chrome和Safari上通过iOS访问该网站时，输入看起来像这样

我正在使用的CSS是

input{
border: 0;
outline: 0;
background: transparent;
border-bottom: 1.5px solid black;
}

我要怎么做才能使其显示不同？

Answer 1

尝试一下...

{{:A "a" :B "Goal" } {:A "a" :B "Goal"}}

input[type="text"] {
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1.5px solid black;
}

在移动设备上也看起来不错。 （Android）