Brown border in google chrome

I have created a form with chronoform. And it works fine.
I have one thing I can do and that is to change the border color when clicking the field.
The grey color is fine but when I click on a field in google chrome the border color change in a brown color and I don't want that color. In firefox and explorer the color doesn't change.
I can't find in the css files where to change the color when clicking a field.
Anyone know with css file it is and wich line I have to change?

Hi Uphill,

Which version of ChronoForms are you using? You can find the version from Site Admin | Extensions | Install/Uninstall | Components in Joomla! 1.5 or Site Admin | Extensions | Extension Manager | Manage in Joomla! 1.6/1.7/2.5.

I don't know of anything in ChronoForms that is browser specific. There is some CSS that sets border colors linked to the validation but I'm not sure that it's actually used in CFv4.

Please post a link to the form so I can take a quick look.

Bob

Hi Bob,

Thanks for looking into it.
I'm using version 4.0 RC3.21 of chronoform and joomla 2.5.3
The link to the form is: http://www.beautifulart-jewelry.nl/bestelformulier

When I'm filling this form the border color in Google Chrome is some sort of green so I hope it is a template thing and I can change it.

Thanks
Hilke

Hi Hilke,

As far as I can see it is a Chrome (or rather webkit) default see around line 900 here. You need to set a specific value in your Form CSS to over-ride it. Try

input:focus { 
  outline: none
}

in a Load CSS action.

Bob

Thank you that did the trick.

Many thanks for your quick reply

I was cheering to soon.
It did the trick in my labels but not in the textarea. Is there a solution for that as well?

Hi Uphill.

Did you try the same CSS with textarea:focus?

Bob

Now I did and that worked. So no more anoying borders for me.
Thanks for all the help!