方法一:$ E% ^0 Y& X( _( b# f" X( E
ie 下可使用其私有的html属性:hidefocus,在标签的结构中加入 hidefocus=”true” 属性。即:
8 J [$ o2 |, S, E) X<a href=http://www.taobao.com hidefocus=true title=></a>% r/ ?5 o1 t6 [3 G5 \' G
而在 firfox 浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即:
2 i" H0 B0 d8 N$ O# W6 {+ u3 q.hidefocus {0 _9 l' o$ X' K- {8 ?- [0 T$ [
outline:none;/*outline:0;也可以*/
9 p, |' C6 A5 X* z$ G}
) F7 A4 T' ^& D+ i& ?8 A$ D方法二: F4 \6 l" V$ k
也可以仅用 css 来控制,即对 ie 的情形使用 expression 表达式,但不推荐使用,毕竟 expression 在性能上有问题。
9 e9 W& {! ^# H: x; T# c9 M.hidefocus {9 I, w! w ~5 J! V0 ~$ m
hide-focus: expression(this.hidefocus=true); /* for ie 5+ */
7 _2 X2 d/ A: l5 x; P+ ^: B7 Soutline: none; /* for firefox 1.5 + */
8 z, Q2 j' `: C$ j7 X}
3 o( |/ j& P3 |: ^opera9 似乎默认就不显示焦点虚线框。% f0 b% d% G' V. J& K
除链接外,该 css 同样适用于 input 和 button 标签。
1 n1 W; {. W0 D. @- W$ T# B: Gie6, ie7, ff1.5, ff2, opera9 测试通过。& ~" {+ m9 p8 U
# N" N5 L1 ~3 r. H$ \& x更多网页制作信息请查看: 网页制作 |