Archived topic
How to round form borders
5 replies · Started by Carlos Paramio on February 20, 2015
How can I round form borders?
Thanks
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?
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
Thank you and thank you
Both solutions worked perfectly
Thanks for you kind and fast support!
You're welcome! :)
still works. Nice rounded corners.
Thx.