去除这些虚线边框的一些方法,使页面看起来更美观

最近发现,当点击按钮时,其周围会出现一个虚线边框。 这些虚线边框可以更好地看到按钮所在的位置,方便浏览。 但有时我们不想使用它们,因为浏览器对虚线框的解释不同且不规则,所以它似乎是某种缺陷。 所以这个时候我们要禁用这些虚线边框,让页面看起来更加美观。

以下是一些消除这些虚线边框的方法:

1.:无; (常用)

优点是代码简洁,一行css就能解决问题,但也有缺点:ie6、ie7不识别属性,需要配合css属性blr:(this.=this 。模糊()); 仅 ie6 和 ie7 支持。 要实现兼容,条件,这句话的意思是链接在获得焦点的同时失去焦点,但是blr不应该多用,这样会影响效率。




    <meta charset="UTF-8">
    Title

<body>
    

2、是ie系列专有的属性,可以在所有ie系列浏览器中使用,需要搭配css:none。

也可以写成: = "";

缺点是不是全局控件,需要为每个需要去除虚线边框的按钮添加代码。

3. on focus = "this.blur()";

优点是比较通用。

也有很多缺点。 也是一种本地控制的手段,需要用在每一个需要去除虚线边框的标签上;

那么这个类别不适用于残疾用户;

直接写在html中会对页面效率产生负面影响。

该方法需要与:none;配合使用。

本文地址:https://www.fang558.com/hot/163230.html

联系电话
在线咨询
手机版
返回顶部