在表单/删除样式属性上禁用jqueryui

时间:2013-02-11 14:57:50

标签: javascript jquery jquery-ui

“Specs”,我正在使用

  • jquery 1.8.0
  • 的liveQuery
  • jqueryUI 1.10.0通过谷歌服务器并尝试通过jquery服务器
  • twitter bootstrap

我正在使用jqueryui作为我的搜索建议,效果很好,我使用黑色主题,那里有黑色背景和浅灰色文字。我还在网站上有一个联系人(电子邮件)表格。我注意到jquery-ui.js然后也使我的联系表格有浅灰色。由于此联系表单具有白色背景颜色(twitter bootstrap),这不起作用,文本很难阅读!键入时和下一个字段之后。不受影响。

如何防止jqueryui影响表单(我认为这是可能的/应该是)。它将style="color: rgb(204, 204, 204);"添加到输入字段。

通过我自己的javascript / jquery覆盖这种风格感觉就像一个黑客!这真的是必要的吗?我也试过这个,但失败了。我试过了:

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

感觉他们不会在任何良好的练习中使用造型表格!为什么表格至少不受类似<form class="jquery-ui-form">之类的类别控制,而是取代所有表格。

1 个答案:

答案 0 :(得分:1)

仅当您要在网站中定义不可覆盖的css规则时才使用!important

#input { color: #000 !important; }

这意味着:&#34;无论如何,在我的网站中,输入将永远不会有#000&#34;之外的任何其他颜色。这样,!important可以是一个选项。

在任何其他情况下,请问自己css规则的范围是什么。

  • 只有一个输入吗? =&GT;使用#id定位您的输入或使用.css(...)
  • 在js中定义样式
  • 对于特定标签中的所有输入? =&GT;只需定义一个更具体的规则来定位您的输入,例如.parent-div-class input { color: ... }。该规则将优先于input { color: ... },并将覆盖属性。

!important可能是最简单的方法,但不是最好的方法。