background colour on form field

GrahamW · Post by **GrahamW** » Wed Oct 07, 2020 8:20 am

I have noticed if you have fields on your form and no style applied and no background colours etc when a value is entered into the field the background changes colour.
See on my site here. enter data into the form and see it changes colour
https://www.grahamscomputers.net/contact.html

I have looked all over the properties of the form fieldsand they are all set to transparent but it still shows a colour
I tested it in Version 15 and it remains clear, but Version 16 it changes colour. I even set the background to a solid white but it still changes
Graham

Post by **Pablo** » Wed Oct 07, 2020 8:56 am

I do not see a background color for your input fields.
Maybe it's a feature of your browser?

wwonderfull · Post by **wwonderfull** » Thu Oct 08, 2020 3:55 am

As for some of our other users this problem does not appear as you so for more in depth detail we request you to upload your websites demo project file and give a download link.

BaconFries · Post by **BaconFries** » Thu Oct 08, 2020 5:24 am

Before having to share a copy of your project to see what may or may not be wrong what browser are you using that is showing this. I have checked using the following Chrome, Firefox and Edge all mobile versions are don't see any background colour change in any of the input fields. What I do see is a border (blue) when I click on the field(s) to enter the information for each field. Note that this is added by the browser to show a focus on the next field for input.
On another note are you using a form made by WWB or are you using your own form extension? so any help can be provided.

With all this said you can try one of the following inserting Page HTML between <head></head> tags*? note the border color #000000 should be changed to the colour you need.

Code: Select all

<style>
input:focus, textarea:focus, select:focus
{
outline: none;
}
</style>

Code: Select all

<style>
input:focus, textarea:focus, select:focus
{
outline: none !important;
background : none !important; 
background-color : transparent !important;
}
</style>

Code: Select all

<style>
input:focus
{ 
outline: none !important;
border-color: #000000;
}
textarea:focus 
{ 
outline: none !important;
border-color: #000000;
}
</style>

wwonderfull · Post by **wwonderfull** » Thu Oct 08, 2020 8:10 am

I want you to try something far more simple if you find it interesting.
And that is:

simple as that. or you can use custom codes for complexive resolving.

Please provide a demo if you are still facing the problem. Share a link at least...

www.wysiwygwebbuilder.com

background colour on form field

background colour on form field

Re: background colour on form field

Re: background colour on form field

Re: background colour on form field

Re: background colour on form field