从文本区域删除所有样式（边框，发光）

我想从文本区域中删除样式，如果可能的话，将其全部留白，没有任何边框或辉光。我尝试了在SO上找到的其他内容，但没有任何效果（尝试使用FF和Chrome）。

那么，有可能吗？

到目前为止，我已经尝试过：

textarea#story {
  // other stuff
  -moz-appearance:none;
  outline:0px none transparent;
}

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

*:focus {
    outline: 0;
}

发光效果最有可能是由盒子阴影控制的。除了添加Pavel所说的内容之外，您还可以为不同的浏览器引擎添加box-shadow属性。

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*/
}

您也可以尝试添加！important来确定此CSS的优先级。

如果要删除所有内容：

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

尝试这个：

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

jsbin：http：//jsbin.com/orozon/2/

如果上面没有运气的话，尝试给它上一堂课，甚至给我一个像textarea.foo之类的东西，然后再设置你的风格。或尝试！重要