<select>下拉列表滚动不适用于chrome中的触摸屏

时间:2016-11-07 12:12:16

标签: javascript jquery html css google-chrome

我有一个在触摸屏设备上运行的Web应用程序(Windows 8.1)。我将按以下方式在选择标记中显示城市列表。 &lt; select ng-model =“selectedCity”class =“textInputSeeThrough ui-keyboard-input ui-corner-all ui-keyboard-autoaccepted”style =“overflow:overlay!important; height:46px; color:rgba(255,255) ,255,0.56); text-align:center; text-align-last:center;“&gt;     &lt; option value =“”禁用selected style =“color:rgba(255,255,255,0.56); text-align:center;”&gt; ---选择你的城市---&lt; / option&gt;     &lt; option ng-repeat =“ttl in cities”value =“{{ttl}}”style =“background-color:black; color:rgba(255,255,255,0.56);” &GT; {{TTL}}&LT; /选项&GT; &LT; /选择&GT; 但是,当我尝试滚动此下拉列表时,它不起作用。但是,由于chrome使用用户代理样式表,我发现chrome应用了` 溢出:可见!重要; 所以我尝试从chrome开发人员工具中重写这一点,并且以下样式完成了这项工作。 溢出:重叠!重要; 但是,在我的源代码中永久更改并重新部署应用程序之后,它停止了工作。我该如何解决这个问题?任何变通方法都是受欢迎的。 TIA。

0 个答案:

没有答案