首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

透过CSS定义去掉页面中点击a链接和button等外的虚框

2012-11-21 
通过CSS定义去掉页面中点击a链接和button等外的虚框?2.??????? script languagejava script ?3.?????

通过CSS定义去掉页面中点击a链接和button等外的虚框

?

2.??????? <script language="java script">

?

3.??????? function quit(){

?

4.??????? this.blur();

?

5.??????? }

?

6.??????? </script>

?

然后,在需要去除超链虚框的页面的<head>和</head>之间加入:
<style type="text/css">
a {behavior:url("htc文件")} /*注意htc文件的存放路径,如果此句放在css文件里更应注意路径问题*/
</style>

?

如果页面已经有了css文件,只需要将 a {behavior:url("htc文件")} 一句插入里面即可。这样,该页面的超链在点击之后的虚框将不复存在,页面显得干干净净。

?

方法2,css样式表里加如下代码(此方法可容适合IE和firefox):

?

去掉链接时的虚框只要在你的样式表中加入以下代码,就可以去掉链接时烦的的虚框 

?

1.??????? a,area { blr:expression(this.onFocus=this.blur()) } /* for IE7.0及以下版本*/

?

2.??????? :focus { outline-style: none; } /* for Firefox,IE8.0等 */ 

?

注:此方法用在默认提交Button按钮上,在IE7.0及以下版本将失去"Enter"键自动提交功能,所以方法2也可用去清除“提交”按钮自动提交功能!

?

方法3:去掉默认提交Button外面的虚框,同时保留默认键盘"Enter"键提交功能

?

1.??????? .button { hide-focus:expression(this.hideFocus=true); } /* for IE7.0及以下版本 */

?

2.??????? .button:focus { outline-style:none; }/* for Firefox,IE8.0等 */ 

深圳人才网?深圳招聘网?深圳人才招聘网?深圳人才大市场?

企业、个人免费注册,获取想要的?深圳?软件工程师招聘信息 月薪最低3000-8000,更有高端猎头职位!?

www.szrcwz.com???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

?? ? ? ? ? ? ? ? ?透过CSS定义去掉页面中点击a链接和button等外的虚框

热点排行