outline:0与outline:none区别

最新推荐文章于 2023-04-16 18:50:53 发布
最新推荐文章于 2023-04-16 18:50:53 发布
阅读量1.6k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/mengff/p/7268881.html
本文探讨了CSS中outline:0与outline:none的区别，并指出两者效果相同，推荐使用outline:0以减少输入量。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

outline:0与outline:none的效果完全一样，用哪个都行，为了少写几个字，提倡用outline:0。具体区别如下：

 

出处: https://stackoverflow.com/questions/35648667/outline-none-vs-outline-0

转载于:https://www.cnblogs.com/mengff/p/7268881.html

css-outline:0 none
sixteen_cicle的博客
07-12 3059
css原理小记 2016.7.12 ------------------------------------------------------- outline:0 none 当元素获得焦点的时候，焦点框为0. 比如说当前这个网页，你用tab键切换的时候，文字链接、搜索框、按钮等的外面会有一个虚线框（或高亮框），此时当前的元素就获得了焦点，你可以对它进行操作。 这个功能一般是为使用
html的outline: none；
最新发布
hashiqimiya的博客
07-10 284
outline是浏览器在某些元素（例如输入框<input>、按钮<button>、可编辑元素如）获得焦点时，自动加上的一圈虚线或实线边框，目的是：提示用户当前正在操作哪个元素；帮助键盘用户（例如用 Tab 键导航的用户）识别焦点在哪。
CSS outline:none
weixin_33827731的博客
03-31 1408
当元素获得焦点的时候，焦点框为0.比如说当前这个网页，你用tab键切换的时候，文字链接、搜索框、按钮等的外面会有一个虚线框（或高亮框），此时当前的元素就获得了焦点，你可以对它进行操作。这个功能一般是为使用键盘操作的用户准备的。有些链接——比如一个图片链接，你不想让他出现虚线框破坏设计感，就可以用此方法。建议一般不要去掉，只在一些影响设计美感的地方用。毕竟这个焦点框对键盘用户是很有帮助的。 定...
outline: none;
weixin_30553065的博客
08-02 667
outline: none；用在去掉某个选中后显示的外边框，（追求细节） http://www.w3school.com.cn/cssref/pr_outline.asp 转载于:https://www.cnblogs.com/heboliufengjie/p/5728123.html...
outline: none； 移除浏览器的默认聚焦样式 input元素
lryh_的博客
01-27 671
outline: none; 移除浏览器的默认聚焦样式
【CSS】更改用户界面样式 ② ( 取消轮廓线 outline | 取消轮廓线设置方式 outline: 0； | 代码示例 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
04-16 1309
一、更改轮廓线 outline 二、轮廓线代码示例 三、取消轮廓线代码示例
outline：none
03-30
### 关于 `outline:none` 的使用方法及其影响 #### 方法说明 通过设置 `outline:none`，可以完全移除元素的外轮廓线。此属性通常用于改善用户体验或者满足设计需求，尤其是在交互状态（如焦点状态）下的视觉调整上...
input{　　　　background:none;　　　　outline:none;　　　　appearance:none;　　　　-moz-appearance:none;　　　　-webkit-appearance:none;　　},
03-29
outline: none; } ``` #### 调整视觉表现 (`appearance`) 某些情况下，默认按钮或其他交互式组件可能具有特定的操作系统级别的渲染风格。这些可以通过调整 `-webkit-appearance`, `-moz-appearance` 和标准属性 `...
outline: none
06-10
outline属性的值可以是none、标准CSS颜色、长度值等。 outline: none; 表示当元素被选中时不显示轮廓线。在某些情况下，当元素被选中时会出现默认的轮廓线，这时可以使用outline: none;将其隐藏掉。但需要注意的是...
输入框去蓝框框！outline:none
weixin_45232354的博客
09-05 5997
这个input的蓝框，当你真正做项目的时候会发现，非常讨厌，你必定要去掉它！ 很简单：outline:none！ 设置之后就没啦! 这是设置后的效果，这样就没有了！ 因为输入框的大小是ui设计的，你要根据ui的设计图设计网页，所以点击的时候最好去掉蓝框，提升用户体验度！ ...
css-表单轮廓线消失-outline:none
cmy741741的博客
06-14 4744
css-表单轮廓线消失-outline:none
CSS outline:none;是什么意思？？？
weixin_30807779的博客
07-09 3346
定义和用法outline-style 属性用于设置元素的整个轮廓的样式。样式不能是 none，否则轮廓不会出现。outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline 属性设置元素周围的轮廓线。注释：请始终在 outline-color 属性之前声明 outline-style 属性。元素只有获得轮廓以后才能改变其轮廓的颜色。注释：轮廓线不会占据...
不要给<a>设置outline:none
weixin_30216561的博客
01-25 792
outline属性有什么作用 原文链接 a{outline:none} do not do it 当用户使用tab键进行链接切换时，该属性会在当前选中的链接（获得焦点）使用该属性，一般来说是虚线框 的长方形。这对于没有使用鼠标输入的用户而言尤其有用，它可以作为视觉反馈来告知用户当前的输入。所以说 如果设置outline属性为none，则对这些人来说将会是很差的用户体验。 ...
outline:none;和outline:medium;去掉input边框蓝色边框线完全没效果原因
WEBwriter的博客
03-21 4239
我用outline:none;和outline:medium;都用过去掉input边框蓝色边框线，但是完全没效果，后来才知道    我用的amaze ui框架，amaze ui框架的outline是自己模拟的    这是被人截的amaze ui框架的css截图，原因是有box-shadow造成的而我用的amazeui渲染的页面的css是这样的显然没有box-shadow的属性，其他地方呢也没有，但...
a:focus{outline: none;} 如何去掉点击链接时周围的虚线框outline属性
热门推荐
cui_angel的专栏
10-29 1万+
1. CSS方式  在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true”属性即可，但这个属性是IE私有的，Firefox是不认的。  加了hidefocus属性 IE中用CSS处理的方式为： a{noOutline:expression_r(this.onFocus=this.blur());} Firefox的处理方法比较符合
鼠标点击的热区用outline:none可以去掉
weixin_30906185的博客
03-05 157
编辑器加载中... 转载于:https://www.cnblogs.com/qqyuhaitao/archive/2013/03/05/2944588.html
firefox火狐浏览器outline:none去除虚框失效的坑【兼容坑】
Umbrella_Um的博客
12-15 537
问题描述：H5界面在点击按钮时，因为登录按钮获得焦点，按钮上出现了难看的虚框，强迫症患者表示谁也忍受不了…… 解决方案 找了很多方法，比如直接在css样式中加这行代码 button:focus,button:actived{outline:none;} 又比如在js代码中解决 $("a,input,button").focus(function(){this.blur()}); 然而，尝试了无数次，都失败了， 为什么呢？ 因为笔者用的是火狐浏览器…… 需要用一条火狐浏览器私有的命令，这样 b.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值