方法一:
8 h9 W, _( C: s1 W8 z# Aie 下可使用其私有的html属性:hidefocus,在标签的结构中加入 hidefocus=”true” 属性。即:
! w: g* V1 c: m$ v, e4 G% K<a href=http://www.taobao.com hidefocus=true title=></a>2 b# g4 h" b1 X& S# j
而在 firfox 浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即:2 f3 ?$ X4 |# [' U# w% R
.hidefocus { Z# I8 D) b* c% ?, M) v
outline:none;/*outline:0;也可以*/
3 @1 X; ], e7 p! q( v2 s}! ^' ~4 f9 g1 y5 f" x, H
方法二:9 r8 _3 {; [0 q; g2 l+ W- o
也可以仅用 css 来控制,即对 ie 的情形使用 expression 表达式,但不推荐使用,毕竟 expression 在性能上有问题。9 w; T% w& D6 T2 R+ F" _
.hidefocus {
( N7 e$ o; w$ N7 T' Bhide-focus: expression(this.hidefocus=true); /* for ie 5+ */1 [1 R( A* p: @! B! }
outline: none; /* for firefox 1.5 + */
+ a0 Q" b9 {5 ?9 M: m- P) C* j K}& n* h; g l& o) K. F
opera9 似乎默认就不显示焦点虚线框。
i9 ]" H* M/ L3 D6 Y除链接外,该 css 同样适用于 input 和 button 标签。- h, t. s! u9 w$ {/ L# H5 u: E$ D
ie6, ie7, ff1.5, ff2, opera9 测试通过。
6 T. J& H6 W, ^0 v: X
. w8 b; f4 U+ q9 H7 R4 l更多网页制作信息请查看: 网页制作 |