Question

我正在使用Materialize CSS框架来构建一个简单的表单。除了IE11之外，表单中的选择项目无处不在。在IE中，当选择框中出现滚动条时，它会在用户尝试移动时关闭。用户可以使用鼠标滚轮滚动框并进行选择，但滚动条和选择上的任何单击都会关闭。我花了几个小时寻找这个问题的解决方案，我不认为它与Materialise严格相关。非常感谢对此问题的任何见解。

jQuery：

$(document).ready(function() {
  $('select').material_select();
});

HTML：

<div class="container">
<div class="input-field" id="hear_about">
  <select>
       <option value="" disabled selected>How Did You Hear About Us?</option>
       <option value="Radio">Radio</option>
       <option value="Television">Television</option>
       <option value="Web Search">Web Search</option>
       <option value="Email">Email</option>
       <option value="On Track">On Track</option>
       <option value="Print Ad">Print Ad</option>
       <option value="Friend/Referral">Friend/Referral</option>
       <option value="Online Ad">Online Ad</option>
       <option value="Social Media">Social Media</option>
    </select>
  <label for="hear_about">How Did You Hear About Us?</label>

</div>
</div>

小提琴： https://jsfiddle.net/f4t8trL7/

实现CSS滚动条关闭选择IE11

0 个答案: