css - 从 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

发光效果最有可能由 box-shadow 控制。除了添加 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。

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 的东西，然后是你的风格。或尝试 !important