从textarea中删除所有样式（边框，发光）

Question

如果可能的话，我想从textarea中删除样式并将其全部留白，没有任何边框或发光。我尝试过在SO上找到的不同内容，但没有任何效果（尝试使用FF和Chrome）。

那么，是否有可能，如果可以的话怎么做？

到目前为止我尝试了什么：

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

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

*:focus {
    outline: 0;
}

Answer 1

发光效果最有可能受框阴影控制。除了添加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来优先处理这个C​​SS。

Answer 2

如果你想删除一切：

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

Answer 3

试试这个：

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

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

Answer 4

如果没有上面的运气尝试它的类甚至ID类似的东西      textarea.foo然后你的风格。或尝试！重要