ios - IONIC 无法在 IOS 中居中占位符

Question

占位符属性“text-align:center”在 IOS 中不起作用，文本位于顶部，但在“ionic serve -l”和所有浏览器中都有效，但在设备中无效。 CSS 是这样的:

.input-login{
  color: white !important;
  font-family: 'Din Condensed';
  font-size: 22px !important;
  text-align: center;
}

图片:

谢谢

Answer 1

最后的解决方案是直接在类“占位符”中设置属性，而不是在标签中，并解决 ios 构建问题。

这是解决方案:

/** Place Holder */

.placeholder{
  vertical-align: center;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  vertical-align: center;
}
::-moz-placeholder { /* Firefox 19+ */
  vertical-align: center;
}
:-ms-input-placeholder { /* IE 10+ */
  vertical-align: center;
}
:-moz-placeholder { /* Firefox 18- */
  vertical-align: center;
}

/** End Place holder */