如何去除JQuery Mobile中的默认input样式（转）

最新推荐文章于 2019-05-31 14:28:09 发布

转载最新推荐文章于 2019-05-31 14:28:09 发布 · 4.8k 阅读

文章标签：

#jquery #除 #默认 #样式 #data-role

javascript 同时被 3 个专栏收录

56 篇文章

订阅专栏

jquery

11 篇文章

订阅专栏

jquery mobile

3 篇文章

订阅专栏

本文提供了两种方法来禁用jQuery Mobile (JQM) 对输入框、文本区域和选择框的默认样式。第一种方法是在页面创建后使用jQuery为这些元素添加属性；第二种方法则是在引入JQM之前直接设置data-role属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法1:

使用jquery在创建后对所有元素增加属性

Java代码

$(document).bind( "pagecreate", function( e ) {  
    $( "input, textarea, select", e.target ).attr( "data-" + $.mobile.ns + "role", "none" );  
});

方法2:

在jquery.js导入后,在jquerymobile导入前使用下面的脚本加上data-role="none".

Java代码

$("input").attr('data-role','none');  
$("select").attr('data-role','none');
参考：http://zhidao.baidu.com/link?url=YoF5OfxZOD1ec9zQUr41YtPGcFJyGfi_Oae32BWtNlRPvQmPm-B9WHwgXYl7xGCPJQE4dwKEbomE8idyk4vQka