IONIC无法在IOS中心占位符

时间:2017-02-20 17:52:03

标签: ios css ionic-framework placeholder

占位符属性" text-align:center"在IOS中不起作用,文本位于顶部,但在" ionic serve -l"并且在所有浏览器中它都有效,但不在设备中。 css是这样的:

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

图像: place holder problem in ionic

由于

1 个答案:

答案 0 :(得分:0)

最后解决方案是在课程中直接设置属性"占位符"而不是在标签中,并解决了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 */