更新：这是minimum reproducible bug的链接。自述文件中包含运行说明
我在移动Safari的输入占位符下方的底部填充有问题。这是移动浏览器中输入占位符的外观：
这是输入占位符在Chrome上的外观：
如您所见，占位符文本和底部边框之间的空间存在显着差异。
我已经尝试根据其他一些stackoverflow答案的建议更改line-height，并且尝试使用适当的供应商前缀来更改padding-bottom上的::placeholder ...我不确定还有什么可以尝试的。
最佳答案
我建议不要将line-height用于输入和按钮，因为它具有主要的浏览器不一致之处。而是使用height和padding来使元素具有所需的大小，但是在这种情况下，一旦删除margin属性，使用line-height就足够了。
关于html - 在移动Safari中输入占位符间距，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43058948/