Question

有人可以帮助我为我的网站https://viaggiodellamaturita.it修复IE中占位符的垂直对齐方式吗？我在其他浏览器上进行了修复，并通过transform看起来很不错：translateY（3px）;不幸的是，该html来自我的新闻通讯公司的一个小部件，因此我无法更改它，只能访问css样式。

如果可能的话，我也希望该复选框在IE中也一样，则它看起来像-webkit-appearance：none;在ie上不起作用。非常感谢

Answer 1

您在输入上设置了line-height: 2em;，这在不同的浏览器中的计算方式有所不同。删除此行，您将在IE和Chrome /其他现代浏览器上看到占位符垂直对齐。

.subscribeForm input {
  border-width: 1px;
  border-style: solid;
  border-color: #ffd300;
  padding: 16px;
  /* line-height: 2em; */
}

编辑：

关于appearance问题，-webkit-appearance是vendor prefix。

通过将代码切换为：

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

这将确保将其应用于所有浏览器。注意Edge和IE handle prefixing differently。

IE中的垂直对齐占位符

1 个答案: