清除 A 链接在点击时会产生虚线的问题

a{blr:expression(this.onFocus=this.blur())}

1.给元素固有属性赋值

 

　　下面是定义container容器的宽度，如果<725就为自己的宽度，否则就等于725，相当于max-725px;。

 

　　

<style type="text/css" media="screen">

 

　　#container { width: expression((documentElement.clientWidth > 725) ? "725px" : "auto" ); }

 

　　</style>

<style type="text/css"> 　　a {star : expression(this.onFocus=this.blur());} 　　</style> 

说明：里面的star就是自己任意定义的属性，你可以随自己喜好另外定义，接着包含在expression()里的语句就是JS脚本，在自定义属性与expression之间可别忘了还有一个引号，因为实质还是CSS，所以放在style标签内，而非script内。OK，这样就很容易地用一句话实现了页面中的链接虚线框的消除。不过你先别得意，如果触发的特效是CSS的属性变化，那么出来的结果会跟你的本意有差别。例如你想随鼠标的移进移出而改变页面中的文本框颜色更改，你可能想当然的会认为应该写为

<style type="text/css">

 

　　input {star : expression(onmouseover=function()

 

　　{this.style.backgroundColor="#FF0000"},

 

　　onmouseout=function(){this.style.backgroundColor="#FFFFFF"}) }

 

　　</style>

 

　　<input type="text">

 

　　<input type="text">

 

　　<input type="text">

 

　　注意:不是非常需要，一般不建议使用expression，因为expression对浏览器资源要求比较高。