- 浏览: 1594860 次
- 性别:
文章分类
- 全部博客 (2929)
- 非技术 (18)
- Eclipse (11)
- JAVA (31)
- 正则表达式 (0)
- J2EE (4)
- DOS命令 (2)
- WEB前端 (52)
- JavaScript (69)
- 数据库 (8)
- 设计模式 (0)
- JFreechart (1)
- 操作系统 (1)
- 互联网 (10)
- EasyMock (1)
- jQuery (5)
- Struts2 (12)
- Spring (24)
- 浏览器 (16)
- OGNL (1)
- WebService (12)
- OSGi (14)
- 软件 (10)
- Tomcat (2)
- Ext (3)
- SiteMesh (2)
- 开源软件 (2)
- Hibernate (2)
- Quartz (6)
- iBatis (2)
最新评论
当一个链接得到焦点时,默认会有个虚线框。如图:
在 Firefox 里可以用 -moz-outline:none; 或者 outline:none;
来将其去掉。所以我们可以这样写:a:focus {
outline:none;
-moz-outline:none;
}
顺便提一下,如果你用过 Safari 和 Chrome 可能会发现,当输入框得到焦点时边框会出现阴影效果。
如果想去掉阴影效果也可以用 outline 属性。input,textarea {
outline:none;
}
言归正传,刚刚说的是 Firefox ,现在说说 IE。首先比较遗憾,还没有找到通过 CSS 去掉 IE
链接虚线框比较好的解决办法。所以只能用一个替代的办法,就是 a 标签的 hidefocus 属性(这个属性是 IE 独有的)。<a
href="#" hidefocus="true">链接</a>
注意:JS 脚本对应的属性名是:hideFocus。对应的 JS 代码应该是:
xxx.hideFocus = 'true';
还有一种不推荐的办法。就是让链接得到焦点的时候失去焦点。<a href="#"
onfocus="this.blur();">链接</a>
发表评论
-
15款基于浏览器扩展的WEB开发工具
2009-07-29 08:44 745WEB开发工具的使用已经 ... -
WEB 服务器调试利器 -- Tamper Data(转)
2009-07-29 08:53 722一. 简介 作为 Firefox 的插件, T ... -
图片和文字放一起,不能居中的解决方法
2009-07-29 14:47 917<td align="center" ... -
深入浅出URL编码
2009-08-11 19:58 610版权声明:如有转载请求,请注明出处: http://blog ... -
IE和Firefox之间的JavaScript差异
2009-08-17 17:18 561尽管 JavaScript 历史上使用冗长而令人生厌的代码块来 ... -
【CSS布局.2】绝对定位和相对定位
2009-08-20 15:51 573Absolute ,CSS 中的写法是:positio ... -
【CSS布局.1】盒子模型
2009-08-20 15:51 585例子: .box { width: 200px; ... -
【CSS布局.4】五种CSS布局类型
2009-08-20 15:52 614CSS 布局的五种类型概述 有五种基本布局定位类型可供选择: ... -
【CSS布局.3】列表样式定义法
2009-08-20 15:52 573CSS代码: .list{ margin: 0px 10 ... -
区别不同浏览器,CSS hack写法
2009-08-20 16:01 594区别IE6 与FF : backgroun ... -
常用CSS缩写语法总结
2009-08-24 17:55 636使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩 ... -
CSS颜色代码大全
2009-08-25 15:55 821CSS颜色代码大全 FFFF ... -
如何去掉ie里面的关闭按钮,和屏蔽ALT+F4 (转载)
2009-09-01 17:46 756去掉关闭按钮可以使用无边框窗口设计,不过IE6中已经不支持了。 ... -
CSS @import at规则
2009-09-02 10:40 652at规则 HTMLDog指南 > CSS高级指南 &g ... -
彻底弄懂CSS盒子模式之一
2009-09-02 17:05 652前言 如果你想尝试一 ... -
彻底弄懂CSS盒子模式之一
2009-09-02 17:06 588熟悉工作流程 在真正开始工作之前我们脑海中要形成这样一种 ... -
彻底弄懂CSS盒子模式之二
2009-09-02 17:07 580作者:唐国辉 实现原理动画演示:http://www ... -
彻底弄懂CSS盒子模式之三
2009-09-02 17:08 700一、下面请看float的精彩表演,有请。 大 ... -
彻底弄懂CSS盒子模式之五
2009-09-02 17:09 556在本人上一篇教程《彻 ... -
彻底弄懂CSS盒子模式之四
2009-09-02 17:09 652前言 在用CSS控制排版过程中,定位一直被人认为是一个难 ...
相关推荐
去掉a标签超链接的虚线框的方法,需要的朋友可以参考下。
介绍: 方法二: 在页面中加入下面CSS代码即可
在前端制作的过程中会发现,一些文字/图片链接,或者一些input控件,在点击时会在周围出现虚线边框,一般会在火狐和IE浏览器下出现虚线框,谷歌下不会有。 这些虚线边框是作为对视觉设计的一种辅助,在不使用鼠标...
介绍: 方法二: 在页面中加入下面CSS代码即可
如何取消图片超链接时产生的虚框呢?由于产生的虚线框影响页面美观所以想把它去掉,本文提供两种去掉方法,感兴趣的朋友可以参考下哈
html消除点击超链接后产生的线框 for IE for Firefox for IE8
在Firefox里,鼠标点击一个链接时,它的周围即出现虚线画出的边框。这种例子遍地都是,在WordPress后台写这个文章的时候,随手点一下右边那些widget,就看到了这个问题(图片的右上角)
默认情况下,用户点击某个链接后,这个链接的周围会有一圈虚线来标识。很多Web设计师不喜欢这个虚线,通常都会用CSS来去掉。
但版主以上可以看见的修改方法 增加登录次数和上次登录时间 去掉鼠标滚轮缩放图片 论坛输入框外面加上美化虚线 分论坛帖子列表页面底部转换页面的数字的美化方法 帖子中增加随意调整字号...
scrubber 去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口,现在网上最为流行的 scrollablearea 使用层制作IE中可控制上下滚动的看板 right_click_menu_builder 右键菜单扩展功能 ...
scrubber 去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口,现在网上最为流行的 scrollablearea 使用层制作IE中可控制上下滚动的看板 right_click_menu_builder 右键菜单扩展功能 ...
去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口,现在网上最为流行的 scrollablearea 使用层制作IE中可控制上下滚动的看板 right_click_menu_builder 右键菜单扩展功能 flashtext 制作仿...