Remove outline and dotted lines on buttons in FF, IE and Webkit


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. /*
  2.  * Andrew Wayne 2010
  3. */
  4.  
  5. /* removing dotted line on buttons and clickable input elements for Firefox */
  6. input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::-moz-focus-inner
  7. { border : 0; }
  8.  
  9. /* Remove outline on buttons and clickable input elements for WebKit Browsers & IE8 */
  10. input[type="submit"]:focus, input[type="button"]:focus, input[type="text"]:focus, button
  11. { outline : none; }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.