今天遇到一个非常之变态的问题。
我们的页面上有一个Dojo控件,onfocus的时候,本应出现的虚线框消失了。而且只有IE7下才有这个问题,IE8加FF都运转正常。
找啊找,找啊找,也没有找到原因。 最后请教一位高人,找出了原因:
outline: IE下不可用,元素周围的边框,不占空间。
border: IE FF都可用,元素周围的边框,占空间。
Dojo的onfoculLabel这个class是使用outline来做边框的,所以某些情况下,就不会显示。
只需要简单的覆写这个class就ok啦:
没想到啊,折磨了我这么久的问题。
IE再这么折腾下去可不是件好事,至少目前看来,还是遵循标准比较有前途。
我们的页面上有一个Dojo控件,onfocus的时候,本应出现的虚线框消失了。而且只有IE7下才有这个问题,IE8加FF都运转正常。
找啊找,找啊找,也没有找到原因。 最后请教一位高人,找出了原因:
outline: IE下不可用,元素周围的边框,不占空间。
border: IE FF都可用,元素周围的边框,占空间。
Dojo的onfoculLabel这个class是使用outline来做边框的,所以某些情况下,就不会显示。
只需要简单的覆写这个class就ok啦:
.tundra .dijitFocusedLabel {
border-style: dotted;
border-color: #666666;
border-width: 1px;
}
没想到啊,折磨了我这么久的问题。
IE再这么折腾下去可不是件好事,至少目前看来,还是遵循标准比较有前途。