javascript - jQuery - 无法使用 CSS 动态更改文本区域的高度!重要

Question

我正在尝试更改文本区域的高度。 Zurb 基金会已经定义了 5rem !important 的高度。

现在，当我尝试使用 jQuery 更改我的高度时，它没有改变。我尝试过:

$('textarea').height('500px')
$('textarea').css('height', '500px', 'important);

没有任何效果。任何其他属性的 CSS 都会随 .css() 发生变化。我能做什么？

Answer 1

如果5rem !important设置为内联样式，那么它具有最高优先级，那么你不能用任何方式覆盖它CSS 规则。然后您必须更新内联样式。试试这个:

$('textarea').get(0).style.setProperty('height','200px','important');

来自MDN Docs

CSSStyleDeclaration.setProperty()

No return. Example: styleObj.setProperty('color', 'red', 'important')

更新:

请阅读此Answer: Apply !important CSS style using jQuery 您会在那里找到真正有用的信息..

祝你编码愉快!!