Question

所以我做了一个搜索栏，一切正常。除了css。

这就是计算机上的样子：

这就是它在iOS上的样子:(在iPhone，iPad和iPod上测试过）

您会注意到，在iPad上，搜索文本高度大于按钮。

这是我的css：

input.searchFormText {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  padding-left: 2.25px;
  border-top-left-radius: 4.25px;
  border-bottom-left-radius: 4.25px;
  height: 19.5px;
  border-color: gray;
  border-style: solid;
  border-right: none;
  border-width: 0.5px;
  background-color: white;
  font-size: 12.25px;
  font-family: "Open Sans";
  transition-duration: 0.225s;
}

所以我需要搜索文本输入高度更小，但仅限于iOS。

Answer 1

出于某种原因，iOS Safari为输入元素提供了与其他浏览器不同的默认填充。只需设置输入的padding-top和padding-bottom，每个浏览器的高度都应相同;）

iOS渲染输入按钮不正确

1 个答案: