How to change placeholder text colour in contact form?

[ablin1]

So I've worked out how to make my contact form white but cant work out how to change the placeholder text colour in the white boxes...

You'll know what i mean when you visit this page on my site... http://blinkstransport.weebly.com/transport.html everything in the orange square is white except those hard to read bits. 

Please help me change them ❤️

Thanks!

btw.. this is the code i've entered into header code in seo section of that page:

<style>
.wsite-form-label, .wsite-form-input, .wsite-search-element-input, .form-select,
.wsite-form-field select, .wsite-com-product-option-groups select, .form-radio-container,
#wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label
input[type='radio'], input[type='checkbox']
{
color: #fff !important;
}
.wsite-form-input, #form-773559558505292624 > div > .wsite-button, .form-select, .wsite-form-field select,
.form-select:hover, .wsite-form-field select:hover
{
border: 1px solid #fff !important;
color: #fff !important;
}
</style>

[ablin1 · Accepted solution]

Got it!

If anyone else is wondering... put the following into pages>seo settings>header code (change #fff to your desired hex colour):

<style>
.wsite-form-label, .wsite-form-input, .wsite-search-element-input, .form-select,
.wsite-form-field select, .wsite-com-product-option-groups select, .form-radio-container,
#wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label
input[type='radio'], input[type='checkbox']
{
color: #fff !important;
}
.wsite-form-input, #form-773559558505292624 > div > .wsite-button, .form-select, .wsite-form-field select,
.form-select:hover, .wsite-form-field select:hover
{
border: 1px solid #fff !important;
color: #fff !important;
}
:laceholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #fff;
opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: #fff;
}
</style>

[Adam7]

Thanks for sharing, @ablin1!

[MikePG]

This almost works, but not quite. To get the borders of the checkboxes and radio buttons to go black I had to add border: 1px solid #000 to line 573 and 583 of the Clean Lines theme code (main.less) - https://www.weststormontwoodlandgroup.org.uk/join.html. There's still a couple of small issues though. The border of the radio buttons has gone square instead of round. Also the 'instructions' symbol (a question mark inside a small circle) remains grey. Any suggestions ablin1? Cheers. 

[ekwparalegal]

I have tried this for my page, and nothing happens. Is there a submit button I have to click for it to take effect? I am not the most computer savvy but I'm feeling pretty dumb right now. We haven't gone live or anything yet.