Html 按钮在选择菜单中重复

我试图做一个有5个字段的页脚。其中一个是选择按钮，但我不知道为什么会有两个选择按钮

这是我的代码：

<div class="ui-bar ui-grid-c" style="height:30px;width:100%;border-top:solid 2px black;">
    <div class="ui-block-a" style="width:55%;">
        <div class="ui-bar ui-grid-a" style="display:inline;">
            <div class="ui-block-a" style="width:35%;text-align:left;">
                    <label for="mydate" style="margin-top:10px;font-size:10pt;"><b>Compare:</b></label></div>
            <div class="ui-block-b" style="width:65%;text-align:left;margin-top:-10px;"><input name="CompareDate" id="mydate" style="height:35px;" type="date" data-role="datepicker" data-options='{"hideInput": true,"mode": "calbox", "useTodayButton": true}'></div></div></div>
    <div class="ui-block-b" style="width:20%;text-align:left;margin-left:-5px;">
            <select name="select-choice" id="select-choice" data-native-menu="false" data-icon="gear" data-iconpos="notext" >
                <option></option>
                <option value="auto">Auto</option>
                <option value="mix">Mix</option>
                <option value="superpose">Superpose</option>
            </select></div>
    <div class="ui-block-c" style="width:12%;text-align:right;margin-left:2px;"> 
           <a href="#" data-role="button" data-iconpos="notext" data-icon="arrow-l">-12 hours</a></div>
    <div class="ui-block-d" style="width:12%;text-align:left;margin-left:3px;">
           <a href="#" data-role="button" data-iconpos="notext" data-icon="arrow-r">+12 hours</a></div>
</div><!-- Footer -->

比较：
自动的
混合
叠加

Ans这就是它的样子：

正如你所看到的，我有一个按钮没有图标，另一个按钮在右下方有齿轮图标。两者都显示相同的选择菜单

代码输入：

有人知道为什么会这样吗？？我肯定这是一件愚蠢的事情，但我看不见

非常感谢

更新：

我发现它与数据本机菜单选项有关，但我还不知道如何解决它

---

我认为这是一个JQuery错误，因为当我运行带有Fire错误的代码时，我可以看到当您在HTML内部放置带有图标的select时，我可以找到对按钮的两个引用，这就是它重复出现的原因。我仍然不知道如何解决这个问题，我只是将两个按钮放在同一个精确位置，这样你就看不到有两个按钮而不是一个，但我会继续工作，因为这不是一个好方法

这个问题是css问题。在按钮背景图像css中使用“无重复”选项。

此问题属于css问题。在按钮背景图像css中使用“无重复”选项。

我正在尝试将其添加到css文件中，但不起作用：选择{background repeat:no repeat；}在使用选择框id时，尝试将此属性与“#select choice”一起使用。请询问它是否不起作用。我也尝试过。选择choice或body或div，但都不起作用！你还有别的想法吗？？非常感谢你！如果你能在屏幕上显示你的代码，这样我就能给你正确的解释，那就更好了。记住，最好使用css类，而不是使用内联css。：）我试图将其添加到css文件中，但不起作用：选择{background repeat:no repeat；}尝试将此属性与“#select choice”一起使用，就像使用选择框的id一样。请询问它是否不起作用。我也尝试过。选择choice或body或div，但都不起作用！你还有别的想法吗？？非常感谢你！如果你能在屏幕上显示你的代码，这样我就能给你正确的解释，那就更好了。记住，最好使用css类，而不是使用内联css。：）