禁用form/remove-style属性上的jqueryui

Disabling jqueryui on a form / remove style attribute

本文关键字:jqueryui 属性 remove-style form 禁用      更新时间:2023-09-26

"Specs",我使用

  • jquery 1.8.0
  • 实时查询
  • jqueryUI 1.10.0通过谷歌服务器,并尝试通过jquery服务器
  • twitter引导程序

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

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

通过我自己的javascript/jquery来覆盖这种风格感觉就像是一种破解!这真的有必要吗。我也尝试过,但失败了。我试过了:

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

感觉他们没有在任何好的实践中进行造型!为什么窗体不至少由<form class="jquery-ui-form">之类的类控制,而不是将所有窗体组合起来。

只有当你想在你的网站中定义一个不可重写的css规则时,才使用!important,比如:

#input { color: #000 !important; }

这意味着:"不管怎样,在我的网站上,输入永远不会有#000以外的任何其他颜色"。通过这种方式,!important可以是一个选项。

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

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

CCD_ 10可能是一种简单的方法,但不是最好的方法。