Bootstrap Placeholder/OptionLabel Colors

[Brian]

Hi,

I'm using the Bootstrap v3 Telerik MVC theme.  Can I style the text box Placeholders and dropdown list OptionLabels to have the same default placeholder color?  Right now the defaults for Placeholders are gray and the defaults for OptionLabels are black.

Thanks!

[Ivan Zhekov]

Hi, Brian.

When the value of dropdownlist is equal to the option label we don't mark it in any special way. You could, however, hook to dataBound and changeEvent and perform the marking there. You also need a bit of styling. I've created a simple dojo that shows one way of doing it: https://dojo.telerik.com/@joneff/aXugAY.

Regards,
Ivan Zhekov
Progress Telerik

[Brian]

Hi Ivan,

It seems to work in Chrome, but not IE11.  Do you know if there is similar styling for IE11?

Regardless, thanks for your response; I'll mark it as answered!

[Ivan Zhekov]

Hi, Brian.

IE 11 does not recognize the ::placeholder selector and discards the entire rule. You could, however, add another rule to target IE 11 like so:

.k-input.k-placeholder,
.k-input:-ms-input-placeholder {
  color: inherit;
  opacity: .7;
}

I've updated the original snippet to include those styles

Regards,
Ivan Zhekov
Progress Telerik

[Brian]

Perfect, thanks so much!