WordPress.org

1. IlanK
   Member
   Posted 9 months ago #
   

   When users click in a text field a yellow border shows up. I would like to know how to change the color of the border and how to remove it.

   Here's a link to my site: http://www.payitforwardfriends.com

2. Christine
   WP Yogi & Forum Moderator
   Posted 9 months ago #
   

   That might be browser related, I just clicked on both the email and the textfield in the comment form and I don't see the yellow border. The border is light blue. I'm using Chrome on a mac. I think that the browser does that automatically. I'm not sure if you can override it.

   I did a google search and found this - http://stackoverflow.com/questions/175951/how-do-i-stop-chrome-from-yellowing-my-sites-input-boxes
   but this looks complicated... Personally I don't think it's worth it.

3. IlanK
   Member
   Posted 9 months ago #
   

   Yeah different browsers show different colours. I'd like to just get rid of it and instead change the text box color.

4. Andrew Nevins
   Volunteer Moderator
   Posted 9 months ago #
   

   Try the CSS
   

   .textwidget input:focus {
       outline:none;
       border: none;
       box-shadow:0;
   }

5. IlanK
   Member
   Posted 9 months ago #
   

   Thanks, it worked!

Reply

You must log in to post.