css - 在 JQM 等表单上禁用 Twitter Bootstrap 样式

Question

如果您只想使用原生样式，可以在 jQuery Mobile 的表单元素上添加 data-role="none"http://jquerymobile.com/demos/1.2.0/docs/forms/forms-all-native.html

Twitter Bootstrap 是否有类似的选项？似乎找不到任何关于此的内容。

Answer 1

我还不熟悉这个框架，当我访问自定义页面时，您似乎无法包含 CSS 的表单部分:http://twitter.github.com/bootstrap/customize.html

这表明表单元素仅通过 CSS 设置样式，简单地剥离它们的类应该允许您禁用样式(此处显示:http://twitter.github.com/bootstrap/base-css.html#forms)。

这个框架似乎依赖于类而不是像 JQM 这样的附加属性。删除类似乎是解决它的最佳方法，而且似乎没有一种简单的方法可以做到这一点。也就是说，您可以使用 JQuery 模拟事件。类似于以下内容:

$(function () {
    $("body").find("*[data-role='none']").attr("class", "");
});

这可以改进以存储所有类值，然后只删除与框架相关的值。