Page 1 of 1
background colour on form field
Posted: Wed Oct 07, 2020 8:20 am
by GrahamW
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
Re: background colour on form field
Posted: Wed Oct 07, 2020 8:56 am
by Pablo
I do not see a background color for your input fields.
Maybe it's a feature of your browser?
Re: background colour on form field
Posted: Thu Oct 08, 2020 3:55 am
by wwonderfull
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.
Re: background colour on form field
Posted: Thu Oct 08, 2020 5:24 am
by BaconFries
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>
Re: background colour on form field
Posted: Thu Oct 08, 2020 8:10 am
by wwonderfull
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...