0

我有一种情况，我正在使用 HTML 数据列表和文本输入供用户选择或输入一个状态，其中有很长的选项列表。Firefox 和 Chrome 将启用滚动条，以便能够选择列表下方最初不可见的选项。在 Chrome 中，当您使用 autocomplete="off" 属性时会启用此功能。不幸的是，在我知道的任何情况下，IE 10 都不会显示滚动条，因此用户无法看到或选择最初可见的内容，即使他们尝试按下列表底部也是如此。

有谁知道让 IE 10 在很长的数据列表上显示滚动条的解决方案？

你可以在 JSFiddle 上看到我的例子：

http://jsfiddle.net/amGY9/15/

<datalist id="states_list">
    <option value="0">Alabama</option>
    <option value="1">Alaska</option>
    <option value="56">American Samoa</option>
    <option value="2">Arizona</option>
    <option value="3">Arkansas</option>
    <option value="62">Army Europe (PO)</option>
    <option value="4">California</option>
    <option value="54">Canal Zone</option>
    <option value="5">Colorado</option>
    <option value="6">Connecticut</option>
    <option value="7">Delaware</option>
    <option value="8">District of Columbia</option>
    <option value="9">Florida</option>
    <option value="10">Georgia</option>
    <option value="52">Guam</option>
    <option value="11">Hawaii</option>
    <option value="12">Idaho</option>
    <option value="13">Illinois</option>
    <option value="14">Indiana</option>
    <option value="15">Iowa</option>
    <option value="16">Kansas</option>
    <option value="17">Kentucky</option>
    <option value="18">Louisiana</option>
    <option value="19">Maine</option>
    <option value="53">Mariana Islands</option>
    <option value="60">Marshall Islands</option>
    <option value="20">Maryland</option>
    <option value="21">Massachusetts</option>
    <option value="22">Michigan</option>
    <option value="59">Micronesia</option>
    <option value="23">Minnesota</option>
    <option value="24">Mississippi</option>
    <option value="25">Missouri</option>
    <option value="26">Montana</option>
    <option value="27">Nebraska</option>
    <option value="28">Nevada</option>
    <option value="29">New Hampshire</option>
    <option value="30">New Jersey</option>
    <option value="31">New Mexico</option>
    <option value="32">New York</option>
    <option value="33">North Carolina</option>
    <option value="34">North Dakota</option>
    <option value="35">Ohio</option>
    <option value="36">Oklahoma</option>
    <option value="37">Oregon</option>
    <option value="58">Pacific Trust Terr.</option>
    <option value="61">Palau Islands</option>
    <option value="38">Pennsylvania</option>
    <option value="51">Puerto Rico</option>
    <option value="39">Rhode Island</option>
    <option value="40">South Carolina</option>
    <option value="41">South Dakota</option>
    <option value="42">Tennessee</option>
    <option value="43">Texas</option>
    <option value="57">US Outlying Islands</option>
    <option value="44">Utah</option>
    <option value="45">Vermont</option>
    <option value="55">Virgin Islands</option>
    <option value="46">Virginia</option>
    <option value="47">Washington</option>
    <option value="48">West Virginia</option>
    <option value="49">Wisconsin</option>
    <option value="50">Wyoming</option>
</datalist>
<input type="search" id="state" name="state" list="states_list" placeholder="Start typing or click" autocomplete="off">
4

0 回答 0