Detailed explanation on the use of hideFocus in css-CSS Tutorial-php.cn

Detailed explanation on the use of hideFocus in css

黄舟

Release： 2017-12-06 13:27:36

Original

6714 people have browsed it

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()"

Copy after login

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>

Copy after login

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;}

Copy after login

a{blr:expression(this.onFocus=this.blur());outline:none;}//支持IE

Copy after login

Summary:

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:

##hideFocus(Tips)

href="/" 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!