如果全盘否定掉链接虚线框,对使用键盘的用户体验可能又是个大弊端。但这就是另外一个话题了,这里就不说了,不然就扯出UI设计和用户体验这个大话题了,我这小小的地方可说不清楚呢。
以下是解决方案:
方法一:
在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus=”true” 属性即可,但这个属性是IE私有的,Firefox是不认的。
<a href="#" hidefocus="true" title="加了hidefocus" >欢迎来到博客园(加了hidefocus属性)</a>
Firefox的处理方法比较符合标准,只需要在样式里设置a:focus{outline:none}皆可:
.xzw_test a.setFocus:focus{outline:none}
方法二:
通过javascript方法让其点击后失去焦点从而达到没有虚线框,也不失为一种曲线救国的方案:
1//通过判断可以指定某个必要的链接失去焦点
2if(j(this).attr("id")=="jsControl")
3 j(this).blur();
2if(j(this).attr("id")=="jsControl")
3 j(this).blur();
相关推荐
<a>欢迎来到博客园(加了hidefocus属性)</a> Firefox的处理方法比较符合标准,只需要在样式里设置a:focus{outline:none}皆可: .xzw_test a.setFocus:focus{outline:none} 方法二: 通过javascript方法让其点击后...
193<br><br>10.2.3 Spring Beans 视图和Outline视图... 197<br><br>10.2.4 运行和测试... 199<br><br>10.3 开发Spring 1.2 AOP应用... 200<br><br>10.3.1 开发Man对象... 201<br><br>10.3.2 开发前置通知(Before ...
JPEG软件解码源代码,下附软件文档部分说明:<br>Overview:<br> Functions provided by the library<br> Outline of typical usage<br>Basic library usage:<br> Data formats<br> Compression details<br> ...
外型線規定(BOARD OUTLINE)<br>7. 定位靶(TARGET) <br>8. 各層圖面(LAYERING)<br>9. PAGE 表格(PAGE FORM)<br>10. 銲墊(PAD)<br>11. 零件腳距(PIN LEAD PITCHES)<br>12. 線寬(TRACE WIDTH)<br>13. 間...
<br>C)To resign from his position in the woman's company.<br>D)To exchange stock market infotmation with the woman.<br><br>20.<br>A)He is head of a small teading company.<br>B)He works in an ...
(case=9436) <br>STL list<> and vector<> member lists appear correctly following a "using namespace std::list" or "using namespace std::vector" directive. (case=12345) 7226 <br>Empty C++ preprocessor ...
<br>http://www.wholetomato.com/binaries/VA_X_Setup1640.exe<br><br>这个版本已经是正式版了,稳定性没的说,中文的问题已经得到了很好的解决,已经可以正常显示了,只是包含有中文的注释,在va outline中显示为...
G.729音频压缩传输协议(IP电话)<br><br>CODING OF SPEECH AT 8 kbit/s USING CONJUGATE-STRUCTURE<br>ALGEBRAIC-CODE-EXCITED LINEAR-PREDICTION (CS-ACELP)<br><br>This Recommendation contains the description ...
隐藏文字,此效果在 IE 中是正常的,但在 Firefox 里,鼠标点击该链接时,虚线框却会包住被缩进的文字,结果显示为虚线框 N 长。 因为平时是用overflow:hidden; 属性的,所以一直也没有注意到这个问题的存在,但...
<i class="icon ion-social-codepen-outline"></i> <span>456</span> </a> </div> </div> 这是一款设计时尚漂亮,颜色搭配非常好的CSS3手风琴动画特效,带动画效果的手风琴切换代码。
Outline of Programming with C<br><br>Chapter 1 INTRODUCTORY CONCEPTS ......................................................................................... 1 <br>1.1 Introduction to Computers ........
<outline_color></outline_color> <!-- 轮廓的颜色[#FFFFFF] (hex color code) --> <outline_alpha></outline_alpha> <!-- 轮廓透明度[0] (Number) --> <base_color></base_color> <!--...
< h1> heading < span> 1 </ span> </ h1> What is going on? < h2> heading 2 </ h2> < h3> < strong> heading 3 </ strong> </ h3> < h2> heading 2b </ h2> wat </ body > </ html > 像这样...
17.2中使用designe outline 代替outline,放置电路板外观,及Design Outline,这个和17.2之前的版本不一样,不能使用画线的方式添加Designe Outline,因为画线时在Board Geometry类中并未能找到Design Outline或Cut...
opml-to-json 将 OPML 转换为 JSON(JavaScript 对象)。安装npm install opml-to-json用法示例 OPML 文件。... < outline xss=removed> < outline xss=removed> < outline xss=removed> < outline text =
Systematic Software Testing <br>by Rick D. Craig and Stefan P. Jaskiel ISBN:1580535089 <br>Artech House... and the authors outline a flexible process for improving software testing capabilities.<br> <br>