jquery - jQM ui-hidden-accessible 不隐藏父 div

Question

<div id="foo">
   <input type="text" id="myinput" class="ui-hidden-accessible">
   <a href="#" onclick="myFunc()" data-role="button">Bar</a>
   <ul id="search" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Search 1" ></ul>
   <ul id="search2" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Search2" ></ul>
</div>

我试图完全隐藏输入字段，但 jquery mobile 在其周围添加了一个丑陋的 div，页面宽度为 100%，高度为 2px(灰色)。可以用css隐藏吗？

Answer 1

使用data-wrapper-class属性将任何自定义类应用于任何input类型。

<input type="text" data-wrapper-class="ui-hidden-accessible custom-style">

这些类将被添加到输入的父 div 中。