Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/178.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Android上的Chrome中呈现本机输入字段会导致缺少边框_Android_Css_Google Chrome - Fatal编程技术网

在Android上的Chrome中呈现本机输入字段会导致缺少边框

在Android上的Chrome中呈现本机输入字段会导致缺少边框,android,css,google-chrome,Android,Css,Google Chrome,对于我正在构建的web应用程序,我希望在Chrome渲染时使用未设置样式的输入字段。在桌面上,它工作得很好,输入周围有很薄的边框,但在android上的chrome上,边框的渲染有点变化无常。根据页面的高度呈现它们 为了获得一致的渲染效果,我制作了一个带有多个选项的代码笔,但它们似乎都无法预测: 我尝试正确渲染的所有选项: .input1{ transform: scale(0.9999999); } .input2{ border: 1px solid #a9a9a9; paddi

对于我正在构建的web应用程序,我希望在Chrome渲染时使用未设置样式的输入字段。在桌面上,它工作得很好,输入周围有很薄的边框,但在android上的chrome上,边框的渲染有点变化无常。根据页面的高度呈现它们

为了获得一致的渲染效果,我制作了一个带有多个选项的代码笔,但它们似乎都无法预测:

我尝试正确渲染的所有选项:

.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,我发现,这有助于我理解渲染过程中发生了什么