1

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

this is my html tag and I want the placeholder to have font-size 15 and color grey. How to do it?

Adya Mishra
  • 11
  • 6

2 Answers2

1

to do these kind of process, open developer console and inspect to element find class name of element. Then in style.css write the css code. For library element component.css does't work. You need to use 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;
}
mr. pc_coder
  • 16,412
  • 3
  • 32
  • 54
  • 2
    It can be done in component.css as well. Your answer worked for me. Thank you! **.ejs-dropdownlist{ input { width: 90%; opacity: 1; font-size: 15px; color: #757575; } }** – Adya Mishra May 27 '20 at 06:17
0

You can do it with:

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;
}

But here you can find something similar: How to change placeholder color of specific input field?

Beller
  • 828
  • 1
  • 6
  • 19