Javascript 简单选择标签，选项不适用于Chrome

我遇到了这个问题，我无法在我的chrome浏览器上扩展这个简单的选择标签

1.
2.
3.
4.
5.

您不必担心移动设备的问题，

选择菜单将如下所示


对于
调试
，您可以使用
向下
和
向上
箭头键选择菜单选项，直到chrome解决此问题。

chromeor chromium版本存在问题
即使在开发者模式下存在问题，在@mobileDevice中选择选项也可以
影响呈现下拉列表、数据选择器、选择选项的任何内容
尝试重新安装Chrome版本
开发者模式的问题将得到解决
粗糙冗长的解决方法，但其上部允许您定制菜单：


$（'select'）。每个（函数（）{
//列出清单
变量$this=$（this），
$class=$this.attr（'class'）+'sel'，
$id=$this.attr（'id'），
列表=“”，
选项=“”，
开始=''；
$this.hide（）；
$（'option'，this）.each（函数（i）{
var content=$（this.text（）；
如果（i==0）{
开始=“”+内容+“”；
}
opts+='
“+content+'
”；
});
列表=“
”+opts+”
”；
$this.after（“”+开始+列表+“”）；
});
//添加单击
$（'.sel'）。在（'click'，函数（e）上{
$（'ul'，this.fadeIn（'fast'）；
$（'ul'，this）.on（'mouseleave'，function（）{
$（这个）。淡出（“慢”）；
});
});
//将输入注册到原始选择器
$（'sel ul li'）。在（'click'，函数（e）上{
e、 预防默认值（）；
$（'.sel-ul'）.fadeOut（'fast'）；
变量$this=$（this），
target=$this.data（'id'），
num=$this.text（）；
$（'select#'+target）.val（num）.change（）；//触发隐藏选择器
$this.parent（）.sibbines（）.text（$this.text（））；
返回false；
});
//仅测试
$（'select'）。在（'change'，function（）上{
$（“#monitor”）.text（this.value）；//或$（this.val（）
});
.sel{
宽度：3em；
背景：#fff；
光标：指针；
文本对齐：居中；
边框：1px实心#09f；
}
塞勒{
显示：无；
位置：相对位置；
左：0em；
顶部：-1米；
宽度：3em；
边距：0em；
填充：0em；
光标：指针；
背景：#fff；
文本对齐：居中；
列表样式类型：无；
}
李：悬停{
背景:#bbb ;；
}
#监视器{
位置：固定；
左：3em；
宽度：3em；
高度：1米；
底部：4em；
背景：#09f；
文本对齐：居中；
}

1.
2.
3.
4.
5.
测试
为chrome和具有data tap disabled属性的chrome浏览器添加一个div，如下所示：



我认为这是chrome的问题。可能是..@Chetan，但不是为我工作。仅在开发者模式上，这是一个chrome设备模式问题，自上次更新以来一直面临，而在Android设备原生chrome中，它工作得非常好。@vas-是的，它不在开发者模式下工作。看起来像是它的chrome bug。事实上，有人已经报告了，这是我目前的临时解决办法。。实际上，我仍然需要查看桌面移动chrome上的选项，但现在就可以了。。谢谢你的回复。。