Css 输入元素'；他的身高不正确

我编写这些代码并在chrome控制台中检查，如图所示。两个额外的两像素

<input type="text" id="keyWords" class="search-ipt" placeholder="请输入订单号/借款人姓名">

.search-ipt {
    display: inline-block;
    height: 28px;
    width: 150px;
    border: none;
    outline: none;
}

.搜索ipt{
显示：内联块；
高度：28px；
宽度：150px；
边界：无；
大纲：无；
}

---

输入

继承浏览器默认的

填充

值（检查元素，您可以看到元素继承的所有样式）。因此，您必须向该属性添加一些值（或将其设置为0）以覆盖浏览器：

.search-input {
  display: inline-block;
  height: 28px;
  width: 150px;
  border: none;
  outline: none;
  padding: 0; /* or some other value */
}

---

将来使用一些CSS重置，例如“重置”所有默认浏览器值。

input

继承浏览器默认值

padding

值（检查元素，您可以看到元素继承的所有样式）。因此，您必须向该属性添加一些值（或将其设置为0）以覆盖浏览器：

.search-input {
  display: inline-block;
  height: 28px;
  width: 150px;
  border: none;
  outline: none;
  padding: 0; /* or some other value */
}

---

将来使用一些CSS重置，例如，它“重置”所有默认浏览器值。

从我的角度看，这是完美的

.search ipt{
显示：内联块；
高度：28px；
宽度：150px；
边界：无；
大纲：无；
填充：0；
背景：#ccc；
}

---

从我的角度来看，它是完美的

.search ipt{
显示：内联块；
高度：28px；
宽度：150px；
边界：无；
大纲：无；
填充：0；
背景：#ccc；
}

---

设置

。搜索ipt

填充：0

，然后检查是否会得到

150x28

.search-ipt {
    display: inline-block;
    height: 28px;
    width: 150px;
    border: none;
    outline: none;
    padding:0;/*Add this*/
}

---

设置

。搜索ipt

填充：0

并检查您将获得

150x28

.search-ipt {
    display: inline-block;
    height: 28px;
    width: 150px;
    border: none;
    outline: none;
    padding:0;/*Add this*/
}

---

还可以提供html吗？是否将浏览器默认值重置为元素为零？是否也可以提供html？是否将浏览器默认值重置为元素为零？是的，如果不指定，元素将继承所有浏览器默认样式-就像此处的

填充
。是，如果不指定，元素将继承所有浏览器默认样式，就像此处的
填充一样。