如何通过bootstrap删除添加到textarea的内联样式？

Question

我有一个textarea：

<textarea class="form-control" rows="1" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 34px;"></textarea>

它的高度是铬的34px，但在ie10它的高度是14px。 我不知道如何删除其内联样式，以及谁将内联样式添加到textarea

Answer 1

您可以尝试使用以下命令：

document.getElementById("id").style.removeProperty('style-name');

示例：

document.getElementById("id").style.removeProperty('overflow');

其中"id"是元素的id。

您可以使用

设置属性

document.getElementById("id").style.color = 'red';

Answer 2

有几种方式，优先使用：

• 删除JS以开始添加它。
• 使用!important;在CSS中覆盖它（！important将覆盖内联）

＆＃13;

＆＃13;

texarea {
      height: 34px !important;
    }

＆＃13;

<textarea class="form-control" rows="1" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 34px;"></textarea>

＆＃13;

＆＃13;

＆＃13;

• 最后通过js删除它，如K K
提供的答案

Answer 3

非常简单

在脚本标记

中添加以下代码

$('textarea').removeAttr('style');

它从标签中删除整个样式属性，你可以使用jquery pulgins，它可能会添加内联样式

或者，如果您只想删除高度，请在css中使用“！important”属性作为“height”

在CSS中

textarea{
 height:"auto!important"; // it overrides the inline style 
}

Answer 4

尝试使用removeAttr()方法。

$('textarea').removeAttr('style')