奇怪的图标定位

Question

我有一个页面（html5，jq，jqm，css），我使用JQM-DateBox插件

我特意使用FlipBox选项。正如您在该链接上看到的那样，在输入的右侧，有一个图标。在我的案例中显示的图标是这样的：

基本上这是HTML：

<div id="placeholder1"></div>
<div id="placeholder2"></div>

<label for="mydate">Some Date</label>
<input name="Date1" id="Date1" type="date" data-role="datebox" data-options='{"mode": "flipbox"}' /> 


<footer style="background-color: black; color: white; padding: 2em; margin-top: 1em;"><div id="slider"><input id="slide" type="range" min="1" max="90" step="1" value="19" onchange="leslider(this.value, 'lbclassic118', 'lbclassic1990')" /></div></footer>

Answer 1

我通过将float: right添加到元素来修复此问题。