Remove all stylings (border, glow) from textarea

Question

I want to remove the stylings from a textarea and leave it all white without any border or glow, if possible. I\'ve tried with different stuff found here on SO, but nothing

Answer 1

try this:

textarea {
        border-style: none;
        border-color: Transparent;
        overflow: auto;
        outline: none;
      }

jsbin: http://jsbin.com/orozon/2/

Answer 2

if no luck with above try to it a class or even id something like textarea.foo and then your style. or try to !important

Answer 3

The glow effect is most-likely controlled by box-shadow. In addition to adding what Pavel said, you can add the box-shadow property for the different browser engines.

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

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

    resize: none; /*remove the resize handle on the bottom right*/
}

You may also try adding !important to prioritize this CSS.

Answer 4

If you want to remove EVERYTHING :

textarea {
    border: none;
    background-color: transparent;
    resize: none;
    outline: none;
}