Home >Web Front-end >CSS Tutorial >Detailed explanation on the use of hideFocus in css
Detailed explanation on the use of hideFocus in css
- 黄舟Original
- 2017-12-06 13:27:366827browse
There may be many friends who don’t know what the title means. hideFocus means hiding focus and has the function of invalidating the focus of object. Its function is equivalent to: onFocus= this.blur() It's a boolean, such as hideFocus=true. You can also omit the assignment and write hideFocus directly. Today we will give you a detailed introduction to the use of hideFocus in CSS!
Usage of hideFocus in css
Simply put: hideFocus is the setting of the dotted line box outside the hyperlink!
hideFocus means hiding focus, which has the function of disabling object focus. Its function is equivalent to:
onFocus="this.blur()"
Its value is a Boolean value, such as hideFocus=true. You can also omit the assignment and write hideFocus directly.
If the code you gave does not have hideFocus, then when the mouse clicks on the hyperlink, a dotted box will appear outside, which is the focus. When using hideFocus, there will be no dotted frame.
Under IE, you need to add hidefocus="true" attribute to the structure of tag a.
Demonstration:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Test </TITLE> </HEAD> <BODY> <a href="#" hidefocus="true" title="XX">没有虚线框</a> <br><br> <a href="#" title="XX">有虚线框</a> </BODY></HTML>
In browsers such as FF, it is relatively easy. Just define the style for tag a directly. outline:none; That’s it, that is:
a {outline:none;} or
a{blr:expression(this.onFocus=this.blur());outline:none;}//支持IESummary:
This article uses examples to explain in detail the use of hideFocus in CSS. I believe everyone can easily master it. I hope it will be helpful to your work!
Related recommendations:
3499910bf9dac5ae3c52d5ede7383485href="/" and hideFocus="true" in the tag
About the use of hideFocus in css Detailed explanation
The above is the detailed content of Detailed explanation on the use of hideFocus in css. For more information, please follow other related articles on the PHP Chinese website!