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 works  tried with FF and Chrome    So  is it possible and if so how to do it     What I ve tried so far   textarea story        other stuff   -moz-appearance none    outline 0px none transparent     textarea focus  input focus      outline  0       focus       outline  0

User · Accepted Answer

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.

User · Answer

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

User · Answer

try this   textarea           border-style  none          border-color  Transparent          overflow  auto          outline  none            jsbin  http   jsbin com orozon 2

User · Answer

If you want to remove EVERYTHING     textarea       border  none      background-color  transparent      resize  none      outline  none

[css] Remove all stylings (border, glow) from textarea

Examples related to css

Examples related to forms

Examples related to textarea

Examples related to border