如何在Angular中对ejs-dropdownlist进行CSS自定义？

Question

<ejs-dropdownlist [dataSource]='data' placeholder='Search Fields' class="ejs-dropdownlist">
</ejs-dropdownlist>

这是我的html标签，我想让占位符的字体大小为15，颜色为灰色，怎么做？

Answer 1

要做这种处理，打开开发者控制台，检查元素，找到元素的类名。然后在style.css中写下css代码。对于库元素，component.css不能用，需要用style.css。你需要使用style.css

select .e-input::placeholder {
  font-size: 15px;
  color: grey;
}
select .e-input::-webkit-input-placeholder  {
  font-size: 15px;
  color: grey;
}
select .e-input::-ms-input-placeholder {
  font-size: 15px;
  color: grey;
}

Answer 2

你可以用。

select + input::-webkit-input-placeholder { /* Edge */
  font-size: 15px;
  color: grey;
}

select + input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 15px;
  color: grey;
}

select + input::placeholder {
  font-size: 15px;
  color: grey;
}

但在这里你可以找到类似的东西。如何改变特定输入框的占位符颜色？