手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >Firefox中A元素包含Select时点击Select不能选择option bug
Firefox中A元素包含Select时点击Select不能选择option bug
摘要:这是在使用京东的一个日期组件时碰到的bug,重现bug的代码精简如下仅Firefox中A元素包含Select时点击Select不能选择opt...

这是在使用京东的一个日期组件时碰到的bug,重现bug的代码精简如下

<!DOCTYPE HTML>

<html>

<head>

<title> 仅Firefox中A元素包含Select时点击Select不能选择option </title>

</head>

<body>

<a 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选项。甚是奇怪。

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

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

测试Firefox版本:24

【Firefox中A元素包含Select时点击Select不能选择option bug】相关文章:

5种方法立刻写出更好的CSS代码

DIV+CSS常用网页制作布局技术技巧

如何使用CSS sprites减少HTTP请求

一款纯css3实现的动画加载导航

css教程:选择合适的、有意义的元素描述内容

CSS Overflow 属性

创建多个边框box阴影css代码

CSS控制图片、表格、背景颜色渐变示例

有关首行首字下沉的实现原理及代码

jQuery 屏蔽单个元素使用户无法点击

精品推荐
分类导航