I know how to remove yellow border in Google Chrome around forms!

  • 1
  • Praise
  • Updated 8 years ago
Hi everyone! You know when you create a form, and if you are in Google Chrome, you click the field and a yellow border appears around the field? I know how to fix this!

Just like in My Yola, the forms have the yellow border around them in Google Chrome. All you have to do is add this CSS to the current CSS for the form. Ok, add this in for the form:

input:focus {
border:2px solid black;

You can also assign it to a class like this:

input.CLASS NAME:focus {
border:2px solid black;

The :focus part makes it so when you click on the field and you are typing you can change what you want when that is happening.

For everyone that wanted to know how to fix this, this is how!

You can see an example here: http://authpro.com/auth/nathansmusics... That is the login page for my site. Just click on the fields (in Google Chrome) and you'll notice that there isn't a yellow border anymore!

I hope this helps!

If there is a problem, just post it here!

Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
  • happy

Posted 8 years ago

  • 1
Photo of kaneth


  • 1 Post
  • 0 Reply Likes

i used it for my #search div

#search:focus {

works perfectly - Thank you