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.
Solved! Go to Solution.
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;
Hi Orbitrod,
Please check add css code into your theme css files
#search:-ms-input-placeholder{ color:#00000; }
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;