Question

我有一个网站，它在主页上有一个用联系表格7插件制作的联系表格。在移动视图中，我无法单击表单控件。填写的文字上的字母也很模糊。我没有iPhone，但在Safari浏览器中效果不佳。

网站：tinyurl.com/z62tt72

我已经尝试了下面的CSS，但我仍然无法点击名称归档。

* { 
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
*:not(input.field) {    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input, textarea {
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif ! ;  
    font-size:large !important;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

Answer 1

你可以尝试：

text-rendering: optimizeLegibility;

某些字体文件包含有关字体方式的其他信息应该呈现。 optimizeLegibility利用了这一点信息。

或我过去用于字体渲染的另一个技巧是：

text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.01);

RGB将是字体颜色，不透明度将保持不变。

Safari上的文字很模糊，我可以输入它

1 个答案: