As you know that the default color of the placeholder is shown light gray in all browsers. The explanation and uses notes are as below: WebKit and Blink browsers (Safari, Google Chrome, Opera 15+) are using a pseudo-element: ::-webkit-input-placeholder. The placeholder attribute specifies a short hint that describes the expected value of an input field (e.g. RGB (Red, Green, Blue) Red Green Blue Previous Next COLOR PICKER. For that we will … HTML5 has an attribute called placeholder. Vue Select takes the approach of using selectors with a single level of specificity, while using classes that are very specific to Vue Select to avoid collisions with your app. For that purpose, many websites are replacing element is using the disabled and selected attributes with the HTML5 hidden global attribute. Select boxes don't currently support the 'placeholder' attribute, so here's a workaround that works just as well. How To Change the Color of an HTML5 Input Placeholder Using CSS. But, these may affect the rendering in unexpected ways. Here is the second method of adding a placeholder for your select box.