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

Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

❤👩‍💻🕹