How do I remove border around a focused textbox

Question

When we click on the textbox a border is appearing in Chrome.

possible duplicate of [How to remove border around text/input boxes? (Chrome)](http://stackoverflow.com/questions/3397113/how-to-remove-border-around-text-input-boxes-chrome) — Felix Kling, Aug 09 '12 at 10:28

score 3 · Answer 1 · answered Aug 09 '12 at 11:45

3

Use $outline:none; in this manner:

textarea:focus, input:focus{
    outline: none;
}

That way, it only applies when it's being used.

answered Aug 09 '12 at 11:45

Changry

Roman Mazur · Answer 2 · 2012-08-09T10:47:30.077

1

CSS:

textbox:focus {
    outline: none;
}

UPDATE

I used texbox just for illustration, in your code you should use element based on your html like input, button, textarea etc.

edited Aug 09 '12 at 10:47

answered Aug 09 '12 at 10:27

Roman Mazur

score 0 · Answer 3 · edited Aug 09 '12 at 10:57

0

Use outline: none; like:

input, textarea {
   outline: none;
}

edited Aug 09 '12 at 10:57

Chris

answered Aug 09 '12 at 10:28

Gabriel

3 Answers3