cancel
Showing results for 
Search instead for 
Did you mean: 

Change color of "Search Entire Store Here..." text in Magento2

SOLVED

Change color of "Search Entire Store Here..." text in Magento2

I can't figure out where the the text color of the "Search Entire Store Here..." text in Magento2 is coming from.  I have used Chrome's developer tools to find the color in a CSS style, but it doesn't pull up anything.   

 

I created the following style

.block-search input {color: #000;}

to change the text input color to black and it only half works.  When you click in the input field to type, the text is indeed black.  But the default  "Search Entire Store Here..." text is still a light grey. 

 

I did a screenshot and used photoshop to pull the color of the text which is #DDDDDD, but I still can't figure out where it is being controlled from.

 

 

1 ACCEPTED SOLUTION

Accepted Solutions

Re: Change color of "Search Entire Store Here..." text in Magento2

Hi Magikvishal

 

I wasn't able to find "search:-ms-input-placeholder" in the source code of my Magento2 installation.  But, by accident, I did find the Less variable below that controls the placeholder text color.

 

 

@form-element-input-placeholder__color: #ddd;

 

 

 

View solution in original post

2 REPLIES 2

Re: Change color of "Search Entire Store Here..." text in Magento2

Hi Orbitrod,

Please check add css code into your theme  css files

#search:-ms-input-placeholder{
color:#00000;
}

 

Re: Change color of "Search Entire Store Here..." text in Magento2

Hi Magikvishal

 

I wasn't able to find "search:-ms-input-placeholder" in the source code of my Magento2 installation.  But, by accident, I did find the Less variable below that controls the placeholder text color.

 

 

@form-element-input-placeholder__color: #ddd;