在Android上的Chrome中渲染原生输入字段会导致边框丢失

Question

对于我正在构建的Web应用程序，我希望在Chrome呈现时使用无样式的输入字段。在桌面上工作正常，我得到了很好的，输入周围的薄边框，但在Android上的chrome上，边框的渲染有点变幻无常。根据页面的高度呈现like this

为了尝试获得一致的渲染，我创建了一个包含多个选项的codepen，但它们似乎都没有预测到：https://codepen.io/dianabroeders/pen/XabXPG

我试图让渲染成为正确的所有选项：

.input1{
  transform: scale(0.9999999);
}
.input2{
  border: 1px solid #a9a9a9;
  padding: 2px 1px;
}
.input3{
  border-image: none;
}
.input4{
  -webkit-appearance: none;
}
.input5{
  border-style: solid;
  border-width: thin;
  border-color: #a9a9a9;
}

是否有一个修复可靠地呈现输入，所有边框显示，漂亮和薄，一直在Android上的chrome和桌面上的chrome？宽度和高度与无风格的输入保持一致吗？

PS，我发现this question，这有助于我了解渲染的内容......