Firefox中A元素包含Select时点击Select不能选择option bug

对于最有能力的领航人风浪总是格外的汹涌。第一个青春是上帝给的;第二个的青春是靠自己努力的。
这是在使用京东的一个日期组件时碰到的bug,重现bug的代码精简如下
复制代码
代码如下:

<!DOCTYPE HTML>
<html>
<head>
<title> 仅Firefox中A元素包含Select时点击Select不能选择option </title>
</head>
<body>
<a rel="nofollow noopener noreferrer" href="javascript:void 0"><select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select></a>
</body>
</html>

代码很简单,元素A包含了一个Select,在Firefox中打开该页面,点击select,第一次出现下拉的option。第二次以后再点击,则不会出现option选项。甚是奇怪。



最后为了保证每次点击select,都能正常弹出option,可以把元素A去掉,或把元素A换成SPAN。

测试Firefox版本:24

以上就是Firefox中A元素包含Select时点击Select不能选择option bug。心有主见,不听传言,莫论人非,过往不恋,笑对人间。更多关于Firefox中A元素包含Select时点击Select不能选择option bug请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
CSS怎么去掉select的下拉箭头样式

select元素中设置padding效果的方法

如何使用CSS3的::selection改变选中文本颜色的方法

CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式

select默认样式美化代码兼容移动端和pc端