- yuniar. Chrome and Safari put a glowing blue border around text area when they are in focus. You can remove it by adding this CSS code into your form CSS code (use the Edit CSS menu): input:focus, textarea { outline: none ! important; } Posted 8 years ago #
- glennjohnson. Thanks Yuniar! It worked! Posted 8 years ago #
Subsequently, one may also ask, how do I get rid of the blue border on my focus input?
Answer: Use CSS outline propertyIn Google Chrome browser form controls like <input> , <textarea> and <select> highlighted with blue outline around them on focus. This is the default behavior of chrome, however if you don't like it you can easily remove this by setting their outline property to none .
Furthermore, how do I hide my focus border? Using the CSS rule :focus { outline: none; } to remove an outline on an object causes the link or control to be focusable, but removes any visible indication of focus for keyboard users.
Herein, how do I get rid of the blue border on click?
Removing 'blue border' from input text field
- yuniar. Chrome and Safari put a glowing blue border around text area when they are in focus. You can remove it by adding this CSS code into your form CSS code (use the Edit CSS menu): input:focus, textarea { outline: none ! important; } Posted 8 years ago #
- glennjohnson. Thanks Yuniar! It worked! Posted 8 years ago #
Why is there a blue line around my browser window?
If coming here due to a blue box appearing around anything that you select (i.e. mouse click or tab to): This is due to Narrator running. To turn it off hold down the Caps Lock key and press the Esc key. You can also permanently disable Narrator.
