[Resolved] How to round form borders

[Carlos Paramio]

How can I round form borders?
Thanks

[Carlos Paramio]

In addition,
I set “Form Border Focus/Hover” to “false” or #FFFFFF, but when you click in the form fields there’s always a blue border.
If I set it with a random color, the border gets a mix of blue and the color I’ve selected

I’m using “Contact Form 7” plugin, probably that blue color is established by the plugin?

[Tom]

Hi Carlos,

1. This CSS should work:

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
}

2. This blue border is added by Chrome/Safari, you can remove it like this: http://stackoverflow.com/questions/935559/remove-safari-chrome-textinput-textarea-glow

[Carlos Paramio]

Thank you and thank you
Both solutions worked perfectly

Thanks for you kind and fast support!

[Tom]

You’re welcome! 🙂

[Matthias]

still works. Nice rounded corners.
Thx.

[Author]

Posts