在Android上的Chrome中呈现本机输入字段会导致缺少边框
对于我正在构建的web应用程序,我希望在Chrome渲染时使用未设置样式的输入字段。在桌面上,它工作得很好,输入周围有很薄的边框,但在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
.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,我发现,这有助于我理解渲染过程中发生了什么