this content was originally posted here.

remove border glow css from textarea on select

how to remove the glow around a text area when selected or in focus using css.

Text Area Highlight

Here is what it looks like just to show you where the textarea is while editing, but can look messy in certain designs.

Before

After

This will disable the highlight on focus

textarea {
    border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

Demo