css outline:none; 去除input获取焦点时的边框

最新推荐文章于 2023-04-16 18:50:53 发布
最新推荐文章于 2023-04-16 18:50:53 发布
阅读量4.2k 收藏 4
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Caroline_Yang/article/details/80435994
版权 
<input type="text" style="outline: none;">
<input type="text">
自己感受一下 ,有内部阴影，设置个border就好
Caroline_Yang
关注
CSS outline:none
weixin_33827731的博客
03-31 1372
当元素获得焦点的时候，焦点框为0.比如说当前这个网页，你用tab键切换的时候，文字链接、搜索框、按钮等的外面会有一个虚线框（或高亮框），此时当前的元素就获得了焦点，你可以对它进行操作。这个功能一般是为使用键盘操作的用户准备的。有些链接——比如一个图片链接，你不想让他出现虚线框破坏设计感，就可以用此方法。建议一般不要去掉，只在一些影响设计美感的地方用。毕竟这个焦点框对键盘用户是很有帮助的。 定...
[转]css 怎样将input type=radio的边框去掉？
weixin_33994444的博客
03-23 183
本文转自：http://topic.csdn.net/t/20020818/11/949935.html 楼主saabi（saabi）2002-08-18 11:38:21 在 .NET技术 / ASP.NET 提问 怎样将input   type=radio的边框去掉？     &lt;!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4....
css-表单轮廓线消失-outline:none
cmy741741的博客
06-14 4564
css-表单轮廓线消失-outline:none
输入框去蓝框框！outline:none
weixin_45232354的博客
09-05 5934
这个input的蓝框，当你真正做项目的时候会发现，非常讨厌，你必定要去掉它！ 很简单：outline:none！ 设置之后就没啦! 这是设置后的效果，这样就没有了！ 因为输入框的大小是ui设计的，你要根据ui的设计图设计网页，所以点击的时候最好去掉蓝框，提升用户体验度！ ...
【CSS】更改用户界面样式 ② ( 取消轮廓线 outline | 取消轮廓线设置方式 outline: 0； | 代码示例 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
04-16 1148
一、更改轮廓线 outline 二、轮廓线代码示例 三、取消轮廓线代码示例
去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景
01-19
1、使用Chrome的都知道，当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框，我以前一直以为这是chrome的特性，没法去掉，原来是css的效果，outline这个属性。 你可以用下面的css代码...
在chrome浏览器中，防止input[text]和textarea在聚焦时出现黄色边框的解决方法
12-01
在Chrome浏览器中，当用户聚焦到`input[type="text"]`输入框或`textarea`多行文本框时，浏览器会自动添加一个黄色的边框来提示用户当前元素处于焦点状态。然而，在某些情况下，这种默认的黄色边框可能与网页的设计...
原生js input获取焦点时去除边框线
最新发布
06-11
你可以使用CSS的outline属性来去除input获取焦点时的边框线，示例如下： ```css input:focus { outline: none; } ``` 这样，当input获取焦点时，就不会有边框线了。需要注意的是，去除边框线可能会影响用户体验，...
IE6/7下多种方法移除button、input 默认边框和去掉焦点线
09-25
在网页设计中，尤其是在兼容旧版浏览器如IE6和IE7时，经常遇到的一个问题是button和input元素默认的边框以及获取焦点时的焦点线，这些可能会对整体页面的美观性造成影响。以下将详细解释如何在IE6/7下移除这些元素的...
css outline 用法详解
请叫我先生的博客
11-12 1366
浏览器支持 所有浏览器都支持 outline 属性。 注释：如果规定了 !DOCTYPE，则 IE8 支持 outline 属性。 定义和用法 outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 注释：轮廓线不会占据空间，也不一定是矩形。 outline 简写属性在一个声明中设置所有的轮廓属性。 可以按顺序设置如下属性： outline-color out...
CSS outline
海胆的博客
06-30 163
外轮廓 属性与border类似 style、width、color 但可以留空，有默认值 最大的特点是不占据空间，可用于突出 例：input 获得焦点时默认会显示outline 设值 0 none 可取消outline MDN-outline
html 去掉按钮焦点框,在Chrome中从css自定义样式按钮中删除蓝色边框
weixin_42298373的博客
06-08 353
在Chrome中从css自定义样式按钮中删除蓝色边框我正在做一个网页，我想要定制样式标签。因此，对于CSS，我说：border: none..现在它在Safari中运行得很好，但是在Chrome中，当我单击其中一个按钮时，它会在它周围放置一个恼人的蓝色边框。我以为button:active { outline: none }或button:focus { outline:none }会起作用的，但...
不要给<a>设置outline:none
weixin_30216561的博客
01-25 761
outline属性有什么作用 原文链接 a{outline:none} do not do it 当用户使用tab键进行链接切换时，该属性会在当前选中的链接（获得焦点）使用该属性，一般来说是虚线框 的长方形。这对于没有使用鼠标输入的用户而言尤其有用，它可以作为视觉反馈来告知用户当前的输入。所以说 如果设置outline属性为none，则对这些人来说将会是很差的用户体验。 ...
outline: none;
weixin_30553065的博客
08-02 627
outline: none；用在去掉某个选中后显示的外边框，（追求细节） http://www.w3school.com.cn/cssref/pr_outline.asp 转载于:https://www.cnblogs.com/heboliufengjie/p/5728123.html...
CSS 取消input输入框聚焦时的边框（border&outline）
qq_39706777的博客
09-26 9323
输入框默认聚焦后会有一个边框样式 想去掉这个样式先了解下border和outline border&outline border 和 outline 都绘制于元素周围，它们的区别是 outline 不占据空间。 outline属性值可以设置宽度、样式、颜色，顺序无所谓，同border样式。 注意：对于很多元素来说，如果没有设置样式，轮廓是不可见的。因为样式（style）的默认值是 none。但 input 元素是例外，其样式默认值由浏览器决定。 将 outline 设置为 0 或 none 会
css-outline:0 none
sixteen_cicle的博客
07-12 2999
css原理小记 2016.7.12 ------------------------------------------------------- outline:0 none 当元素获得焦点的时候，焦点框为0. 比如说当前这个网页，你用tab键切换的时候，文字链接、搜索框、按钮等的外面会有一个虚线框（或高亮框），此时当前的元素就获得了焦点，你可以对它进行操作。 这个功能一般是为使用
input 使用outline属性去掉淡蓝色边框不生效
叶落无痕的博客
01-10 5445
1.常用的做法是使用outline:none 这个样式就可以了 &lt;html&gt;     &lt;head&gt;         &lt;title&gt;             测试         &lt;/title&gt;         &lt;style type="text/css"&gt;             input{                 outl...
html中outline属性,css 轮廓（outline）属性是如何使用的
weixin_39633171的博客
06-05 3356
一、什么是css轮廓(outline)属性轮廓(outline)是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。举个例子来说吧：在我们平时阅读浏览器里的内容时，当鼠标点击让一个a标签链接或者一个input的单选框获得焦点的时候，该元素将会被一个轮廓虚线框围绕。这个轮廓虚线框就是轮廓(outline)。在默认情况下，点击a标签，input，或者添加鼠标点击事件的时候，浏览器就会留...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值