Jquery mobile 在jQuery Mobile中隐藏选择菜单图标

是否可以在jQuery Mobile中隐藏用于选择菜单的默认图标？默认情况下，它们使用向下箭头图标。我知道可以通过数据图标属性指定图标，但我还没有找到隐藏它的方法

使用默认图标的示例：

<div data-role="fieldcontain">
    <label for="select-choice-1" class="select">Choose shipping method:</label>
    <select name="select-choice-1" id="select-choice-1">
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>

---

您可以在自己的样式表中覆盖该样式：

.ui-select .ui-icon-arrow-d {
  display: none;
}

---

您可以在自己的样式表中覆盖该样式：

.ui-select .ui-icon-arrow-d {
  display: none;
}

---

您可以像这样使用数据iconpos=noicon：

<div data-role="fieldcontain">
    <label for="select-choice-1" class="select">Choose shipping method:</label>
    <select name="select-choice-1" id="select-choice-1" data-iconpos="noicon">
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>

“数据iconpos”属性的任何值（顶部、右侧、底部或左侧除外）都不会显示图标

---

这里有一个指向此示例的JSFIDLE的链接：

您可以像这样使用数据iconpos=noicon：

<div data-role="fieldcontain">
    <label for="select-choice-1" class="select">Choose shipping method:</label>
    <select name="select-choice-1" id="select-choice-1" data-iconpos="noicon">
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>

“数据iconpos”属性的任何值（顶部、右侧、底部或左侧除外）都不会显示图标

---

这里有一个指向此示例的JSFIDLE的链接：

出于某种原因，在选择框上，div仍然保留，即使我设置了数据iconpos='noicon'。。。所以我做的有点粗俗，但还不错。除了数据iconpos='noicon'之外，我还调用了这个Jquery函数onload

 $('.ui-icon.ui-icon-arrow-d.ui-icon-shadow').remove();

---

希望这能帮助那些遇到与我相同问题的人

由于选择框上的某种原因，即使我设置了数据iconpos='noicon'，div仍然保持不变。。。所以我做的有点粗俗，但还不错。除了数据iconpos='noicon'之外，我还调用了这个Jquery函数onload

 $('.ui-icon.ui-icon-arrow-d.ui-icon-shadow').remove();

---

希望这能帮助那些遇到与我相同问题的人

这是否适用于最新的JQM？我的图标仍在显示？@frequent它应该可以正常工作，下面是一个使用jQuery Mobile 1.0.1的示例：。基本上，如果将数据iconpos属性设置为除top/right/bottom/left之外的任何其他属性，则该图标不应出现。这是否适用于最新的JQM？我的图标仍在显示？@frequent它应该可以正常工作，下面是一个使用jQuery Mobile 1.0.1的示例：。基本上，如果将数据iconpos属性设置为除“上/右/下/左”以外的任何属性，则图标不应出现。