Code Snippet > CSS

Remove HTML links and textbox hightlight border

When you click on textbox or link, you will see border highlighting the element. It's even more obvious if you are using mac os. Luckily, you can solve it by using the outline property. I used it when I set the indentation of a link text to -999em and also when I'm building a textfield with rounded border.

CSS

a, input {
	outline:none;
}

This code snippet was submitted by:

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.



Show Some Love, Spread This Post!

3 comments

Kevin Liew Wed, 9th May 2012 You need to use firebug/chrome developer tool to inspect the form element, in this case, the form field. It should tell you the CSS file and line number. Then, you can set border:none.
Reply
Manprit Tue, 8th May 2012 how to remove default border for textbox in jquery mobile ??
Reply
Manprit Tue, 8th May 2012 hey i want to remove border of my textbox..... a text box should not contain border in jquery...
Reply

Leave a comment

Have something to say? Drop a comment! No HTML tags are allowed in the comment textfield.

Advertisement