如何在离子输入中更改占位符的颜色？

Question

<ion-input placeholder="please input" clearInput></ion-input>

我想更改占位符的颜色，不应影响其他页面。

Answer 1

为ion-input提供一个类名：

<ion-input class="text-input" placeholder="please input" clearInput></ion-input>

并将以下行添加到页面的.scss文件中：

.text-input::-moz-placeholder {
  color: red;
}

.text-input:-ms-input-placeholder {
  color: red;
}

.text-input::-webkit-input-placeholder {
  color: red;
}

Answer 2

尽管99tharun的答案有效，但目前的离子（离子角度3.8.0）提供了通过主题变量进行的标准方式。 见ionic documentation for the input field page, SASS variables section。请注意public class MyProcessor implements Processor { final static Logger LOG = LoggerFactory.getLogger(MyProcessor.class); @BeanInject private SomeBean someBean; @Override public void process(Exchange exchange) throws Exception { LOG.info("In processor [" + someBean + "]"); } } 变量。