我使用了 Jquery ui 自动完成组合框http://jqueryui.com/demos/autocomplete/#combobox 我使用了页面上给出的相同脚本。组合框工作正常。除非页面大小增加并出现滚动条,并且我们尝试移动滚动条,否则切换按钮会随着滚动而移动。所以,我尝试在 ui-combobox-toggle 类中将位置属性更改为相对和绝对。仍然无法正常工作
这是在将鼠标悬停在切换按钮上之前呈现 html 的方式(来自 firebug)。添加悬停后 ui-state-hover 类并且切换按钮落入其位置。它在 Firefox 中运行良好,但在 Internet Explorer 中,切换按钮最初是随着滚动而移动,然后在悬停时落入其位置
<span class="ui-combobox">
<input id="ctl00_ContentPlaceHolder1_ctl00_ddlQuestionShortDescription_2_txtInput" class="ui-state-default ui-combobox-input ui-autocomplete-input ui-widget ui-widget-content ui-corner-left" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
<a class="ui-button ui-widget ui-state-default ui-button-icon-only ui-corner-right ui-combobox-toggle" style="position: relative;" tabindex="-1" title="Show All Items" role="button" aria-disabled="false">
<span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-s"></span>
<span class="ui-button-text"></span>
</a>
</span>