原文:CSS outline:none

当元素获得焦点的时候,焦点框为 .比如说当前这个网页,你用tab键切换的时候,文字链接 搜索框 按钮等的外面会有一个虚线框 或高亮框 ,此时当前的元素就获得了焦点,你可以对它进行操作。这个功能一般是为使用键盘操作的用户准备的。有些链接 比如一个图片链接,你不想让他出现虚线框破坏设计感,就可以用此方法。建议一般不要去掉,只在一些影响设计美感的地方用。毕竟这个焦点框对键盘用户是很有帮助的。 定义和用法 ...

2013-03-31 02:45 0 6852 推荐指数:

查看详情

outline:0与outline:none区别

outline:0与outline:none的效果完全一样,用哪个都行,为了少写几个字,提倡用outline:0。具体区别如下: 出处: https://stackoverflow.com/questions/35648667/outline-none-vs-outline-0 ...

Tue Aug 01 23:38:00 CST 2017 0 1423
CSS轮廓outline

前面的话   轮廓outline处在边框边界的外面,它不像边框那样参与到文档流中,因此轮廓出现或消失时不会影响文档流,即不会导致文档的重新显示。利用轮廓,浏览器可以合并部分轮廓,创建一个连续但非矩形的形状。默认地,轮廓是一个动态样式,只有元素获取到焦点或被激活时呈现   [注意]IE7-浏览器 ...

Tue Mar 15 08:50:00 CST 2016 3 2659
cssoutline实现圆角效果

对,你没有看错,outline也可以实现圆角,不过请先读完自然会知道结果; ================================================================================================================================================================ ...

Wed Sep 27 22:33:00 CST 2017 4 4960
CSS魔法堂:那个被我们忽略的outline

前言  在CSS魔法堂:改变单选框颜色就这么吹毛求疵!中我们要模拟原生单选框通过Tab键获得焦点的效果,这里涉及到一个常常被忽略的属性——outline,由于之前对其印象确实有些模糊,于是本文打算对其进行稍微深入的研究_ Spec是这样描述它的 作用  用于创建可视对象的轮廓(元素 ...

Tue Oct 09 14:20:00 CST 2018 0 715
css中的block与none

*{ display:none; } div{ display:block; } div 会正常显示粗来吗?不会 因为*代表所有元素,包括div的父级元素html,body 父级元素都不显示了,子元素怎么会显示 坑!!! ...

Fri Mar 09 01:41:00 CST 2018 0 1425
去除手机浏览器input焦点默认边框(直接用outline:none就可以了)

1、使用Chrome的都知道,当鼠标焦点在input、textarea这些元素上时,Chrome默认的会给它们加上黄色的边框,我以前一直以为这是chrome的特性,没法去掉,原来是css的效果,outline这个属性。 你可以用下面的css代码去掉所有元素的边框: *:focus {outline ...

Tue Dec 06 23:41:00 CST 2016 0 1741
css去掉a标签点击后的虚线框,outline,this.blur()

css去掉a标签点击后的虚线框,outline,this.blur() outlinecss3的一个属性,用的很少。声明,这是个不能兼容的css属性,在ie6、ie7、遨游浏览器都不兼容。 outline控制的到底是什么呢?当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于 ...

Fri Mar 18 22:29:00 CST 2016 0 2312
CSS样式“display:none”与“visibility:hidden”区别

  CSS样式“display:none”和“visibility:hidden”都可以实现将页面元素隐藏,但是具体的效果是有差别的!下面通过两个小实验来说明这种差异。   实验代码: View Code   实验一:使用样式“display:none ...

Thu Sep 15 21:18:00 CST 2016 0 11110
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM