that’s the website I am working on. In the contact section, the font of the form is grey (#aaa) And i want to change the color to black so it is easy to read. I can’t seem to change the color? I’ve done everything I can think of doing - inspect it, class=“black-color” on each div class, updated the CSS file that color should be black. But it won’t change color??? Am I missing something here? This should be so easy to change yet I am having huge issues. please help
Hi Rosstopherr, i believe you’ll need to change the colour of the placeholder rather than the element. W3Schools has a useful article on doing this:
https://www.w3schools.com/howto/howto_css_placeholder.asp
I believe an example for your code would be:
input#mobile::placeholder{
color: grey;
}
thanks for the reply! I have done what you have said but can’t change the placeholder color??
your example code, is this what I should put in my css file or something you have found/ guessed?
this is the code I have it now
::-webkit-input-placeholder {
color:black;
}
::-moz-placeholder {
color:black;
}
::-ms-placeholder {
color:black;
}
::placeholder {
color:black;
}
Apologies, i believe i was slightly unclear in my response. you will need to suffix the relevant element containing the placeholder with the ::placeholder
selector. For example, to target all inputs with a type of “text” you would use:
input[type="text"]::placeholder{
color: black;
}
This should change all of your text inputs to black.
DOn’t worry I have foudn the solution! but thanks to you for the placeholder comment!! was really bugging me hahaha