Ancient Temple City

CSS code to remove border (outline) around text/input boxes on focus

This border is used to show that the element is focused (i.e. you can type in the input or press the button with Enter).

You can remove it, though:

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

Chrome will also apply highlighting to other elements such as DIV's used as modals.
To prevent the highlight on those and all other elements as well, you can do:

*:focus {
    outline: none;
}

Labels:
Reactions:

Post a Comment

[blogger]

MKRdezign

{facebook#http://www.facebook.com/GTVCreations} {twitter#http://www.twitter.com/GTVCreations} {google-plus#http://www.google.com} {pinterest#http://www.pinterest.com} {youtube#http://www.youtube.com} {instagram#http://www.instagram.com}

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget