删除textarea和输入字段周围的边框？

Question

我有以下问题 - 我的textarea和输入字段是半透明的，但我无法完全删除它们周围的边框。我尝试制作透明边框或指定border: none;，但它们不会消失（请参见下图）

任何人都知道一个好的解决方案吗？

谢谢！

Answer 1

试试这个：

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

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

Answer 2

首先，确保边框确实应用于textarea，输入元素而不是其他元素，例如父母。

然后，确保在textarea输入元素的css文件中不应用!important边框样式。

最后

$('textarea, input').css('border', 'none !important');

Answer 3

你为什么要求javascript？

试试这个：

// No border
border-width: 0;

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

// No outline (ex: blue shadow on Mac OsX on focus)  
outline: 0;

Answer 4

如果您有一个具有特定规则的课程，您可以使用：

$("#idTextarea").addClass("classYouNeed");

如果您只删除了边框

$("#idTextarea").css('border', 'none');

即使您只想使用JavaScript：

document.getElementById("#idTextarea").style.borderStyle = "none";

Answer 5

也许有点笨手笨脚，而不是＆＃34;删除＆＃34;边框，为什么不简单地指定它们的颜色与背景颜色相同？