Tuesday, September 28, 2010

Chrome, Safari (Webkit) - get rid of the border on fucus

When you set focus on any form field in IE or Firefox the fields don't change their appearance much, but in Safari and Chrome it's quite visible. Set it's outline to none and say goodbye to that annoying border. Here goes the css -

.signup input:focus
background: #f00;
background-position: 379px -61px;
outline: none;
-moz-outline-style: none;
-webkit-outline-style: none;