如何将占位符对齐到离子输入的中心 alignment？

Question

如何在离子输入中将占位符对齐到中心 alignment？？？？

这是我左对齐的离子输入场

我试图移动中心 alignment，但我不能，请告诉我正确的解决方案

Answer 1

在带有标签的 CSS 文件中，添加它以在中心对齐占位符文本。

标签：

<ion-input type="text" placeholder="Type something"></ion-input>

设计：

ion-input::placeholder{
    text-align: center;
}

试试这个它应该工作。

Answer 2

您应该使用浏览器的开发人员工具找到元素类并对它们进行更改。 将此添加到您的 css 文件中：

.native-input::placeholder{
  text-align: center;
}

或者，如果您不希望它应用于页面中的所有输入，则可以在 html 文件中使用 class：

.my-input .native-input::placeholder{
  text-align: center;
}