移动 safari 上的输入占位符间距
Input placeholder spacing on mobile safari
更新：这是 link 到 minimum reproducible bug。 运行 的说明在自述文件中
我在移动 Safari 中输入占位符下方的底部填充有问题。以下是输入占位符在移动版 Safari 中的样子：
Chrome 上的输入占位符如下所示：
如您所见，占位符文本和底部边框之间的 space 存在显着差异。
我尝试按照其他一些 Whosebug 答案的建议更改 line-height，并且尝试使用适当的供应商前缀更改 ::placeholder 上的 padding-bottom...我'我不确定还有什么可以尝试的。
我建议不要将 line-height 用于输入和按钮，因为它与主要浏览器不一致。而是使用高度和填充来使元素成为您想要的大小，但在这种情况下，一旦删除 line-height 属性.
，使用 margin 就足够了
不看代码很难回答。您是否尝试过在顶部对象上放置 margin-bottom 或在输入字段上放置 margin-top。
不过，您必须将其置于仅适用于 safari 浏览器的条件下，您可以直接在 CSS 中使用 - 参考此处执行此操作：
is there a css hack for safari only NOT chrome?
这肯定有一个突出的问题，我遇到过类似的情况，两个浏览器之间的浮动有 0.1 像素的偏差，无法正确呈现我的网格。我通过对所有对象使用固定值来修复它：width 和 height。我注意到上图中的铅笔比 Chrome.
离加利福尼亚更远
更新：这是 link 到 minimum reproducible bug。 运行 的说明在自述文件中
我在移动 Safari 中输入占位符下方的底部填充有问题。以下是输入占位符在移动版 Safari 中的样子：
Chrome 上的输入占位符如下所示：
如您所见，占位符文本和底部边框之间的 space 存在显着差异。
我尝试按照其他一些 Whosebug 答案的建议更改 line-height，并且尝试使用适当的供应商前缀更改 ::placeholder 上的 padding-bottom...我'我不确定还有什么可以尝试的。
我建议不要将 line-height 用于输入和按钮，因为它与主要浏览器不一致。而是使用高度和填充来使元素成为您想要的大小，但在这种情况下，一旦删除 line-height 属性.
margin 就足够了
不看代码很难回答。您是否尝试过在顶部对象上放置 margin-bottom 或在输入字段上放置 margin-top。
不过，您必须将其置于仅适用于 safari 浏览器的条件下，您可以直接在 CSS 中使用 - 参考此处执行此操作：
is there a css hack for safari only NOT chrome?
这肯定有一个突出的问题，我遇到过类似的情况，两个浏览器之间的浮动有 0.1 像素的偏差，无法正确呈现我的网格。我通过对所有对象使用固定值来修复它：width 和 height。我注意到上图中的铅笔比 Chrome.