input文本域选中后会出现蓝边框。去除方式

最新推荐文章于 2021-09-23 14:23:45 发布
最新推荐文章于 2021-09-23 14:23:45 发布
阅读量3.8w 收藏 5
点赞数 4
分类专栏： 学习 css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012857153/article/details/64920217
版权
学习 同时被 2 个专栏收录
21 篇文章 0 订阅
订阅专栏
css
12 篇文章 0 订阅
订阅专栏

input文本域选中后会出现蓝边框。去除方式

这里写图片描述

input{border:0;outline:none;/去除蓝色边框/}这样就可以去除蓝色边框

下面记录学习outline属性
outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
outline 简写属性在一个声明中设置所有的轮廓属性。
可以按顺序设置如下属性：
outline-color
outline-style
outline-width

55145848
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
input边框变色.rar
12-05
input边框变色，这个教程由小编亲自整理，亲测有效实用。当用户在输入框输入账号密码或文本时，边框颜色发生变化，边框变蓝、黄色等。需要的小伙伴赶快下载吧，本方法简单实用，输入框输入时边框颜色变化实用教程！
jquery tag插件input文本域输入文字创建标签文字效果
11-23
jquery tag插件input文本域输入文字创建标签文字效果
input输入框去除点击后出现的蓝色边框
hy_ethel的博客
01-10 2458
问题： 在 table 中嵌入 input 输入框，根据需求，input 在点击输入时，需要去除如下图所示的默认边框： 解决： 1、一般的常规做法，给 input 一个 css 样式即可： input { outline: none; } 2、如果公用 css 样式里给过:focus样式，则： input:focus { outline: none; } 3、但我这次设置了outline...
input button textarea 选中后蓝色高亮边框如何去掉
大白的博客
05-24 2942
解决办法： 可以设置样式 border: none; outline: none; 原因： 由于默认样式的控制，选中他们之后会有一个高亮的蓝色边框
vue实现页面内容禁止选中功能,仅输入框和文本域可选
12-13
上网上翻了翻，共找到两种方式 CSS样式控制，只需将下面代码复制到 vue应用下，index.html文件中的body标签上 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none; } input{ -webkit-user-select:au
去除input选中时出现的蓝框
热门推荐
GTraveler
07-20 1万+
由于不同浏览器对outline这个css属性默认情况不同,造成在不同的浏览器上出现一些不同。解决方法是定义outline属性为none，如下：input{outline:none;}outline 属性(参考w3school) outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 注释：轮廓线不会占据空间，也不一定是矩形。 outline 简写
去掉输入框、按钮等选中时的蓝色边框
wd7mxh38的博客
06-07 1907
当我们在选中我们的输入框，或者是点击了按钮的时候，边框默认会显示为蓝色。 如下： 输入框： 按钮： 实际上，这个并不是他的边框。当我们将border设置为none的时候，蓝色依旧存在。 这个东西其实叫作outline，即轮廓。我们在css样式中，设置：input{ outline: none; } 可以发现，再选中的时候，蓝色轮廓消失了。 按钮也是一样的。 因此我们知道，要去掉任意组件的蓝色的轮廓，将outline设置为none，即可。 ...
input文本域选中后出现蓝边框的去除方式
weixin_42206785的博客
11-19 1256
input{border:0;outline:none;/去除蓝色边框/}这样就可以去除蓝色边框 下面记录学习outline属性 outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 outline 简写属性在一个声明中设置所有的轮廓属性。 可以按顺序设置如下属性： outline-color outline-style outline-width 作者：...
去掉input框的点击出现的蓝色边框
leleccccc的博客
01-13 1万+
1、input{ outline:none; } 2、input:focus{ outline:none; } 3、经测试IE8,9,10,11下outline:none;点击有蓝色上边框，border：0;后所有边框消失 input{ outline:none; border:0; } outline的复合属性顺序（一般按这个顺序）:outline-color(规定边框的颜色), outline...
如何去掉input文本域选中后会出现蓝边框
乐逍遥
09-04 3885
想要将inptut文本域的蓝色外框去掉，设置自己的样式，需要在你想要改变标签的样式中 代码如下 outline: 0; border-radius: 10px; border: 1px #CFCDCC solid; 效果如下：
vue+element+input+提取选中文字
05-12
textarea中有大量数据，获得鼠标选中的部分数据
输入框 文本域 字数限制
03-09
自己做的文本框字数统计/限制插件 输入框 或者 文本域 动态显示还剩余可输入字数
input标签怎么取消边框
d1063270962的博客
08-05 1539
点击前的边框取消：border-style: none; 点击后的边框取消：outline:none;
去除input标签focus时蓝色边框
九日的博客
04-22 7488
去除标签focus时蓝色边框 问题: 当使用input标签时，它会有一个默认样式，即当其获取到焦点时，会有一个蓝色边框效果。如下图： 未获取焦点时： 获取到焦点时： 我们在控制台查看input:focus如下图。 发现并没有相关的样式。 事实上这是input的outline属性带来的问题。当我们加上 input { outline:none; } 就能解决这个问题。同样有这个问题...
去掉input边框的原有属性和去掉a标签样式的方法
CCG_T的博客
09-07 2292
（一）平时我们敲表单时总会想自己用css定义表当输入框的样式： （1）去掉默认的input边框样式的解决方法，在CSS文件中添加：border:none; （2）去掉input获得焦点后边框变黄效果的解决方法：outline:medium; （3）向input输入框里面输入内容获取焦点居中排列的方法：text-align:center;input{ border:none; width
去除input边框以及选中时边框 默认样式
weixin_43294092的博客
07-02 1717
去除input边框以及选中时边框 默认样式 <input type="text" > input { border: 0; // 去除未选中状态边框 outline: none; // 去除选中状态边框 background-color: rgba(0, 0, 0, 0);// 透明背景 } 就是这么简单，这样就完事了！ ...
去除input获取焦点后的蓝色边框
11的博客
09-23 501
input:focus{ box-shadow:0px 0px 10px 0px rgba(127,127,127,0.1); border-color: #FFAD01; } input可替换为class/ ———————————————— 版权声明：本文为CSDN博主「性野喜悲」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/l.
input去除蓝色边框
weixin_46449470的博客
06-28 524
input标签在使用的时候会有边框样式。当input聚焦的时候又会显示出一个蓝色边框。 很多时候我们并不需要这种默认样式的边框，就需要去除边框。 给需要去除的标签添加css样式： border: none; 去除input默认的边框 outline:none; 去除聚焦时的蓝色边框 outline-width:0 去除聚焦时的蓝色边框 或者直接 input:focus { outline: none; }去除所有input的聚焦边框 <!DOCTYPE html> <html lan
el-input文本域
最新发布
08-25
el-input文本域是一个Vue组件，用于在用户界面上显示可编辑的多行文本。它可以通过设置属性来自定义样式，如设置最大字数限制、控制是否能被用户缩放、显示输入字数统计和自适应内容高度等。 在全局样式中，可以...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值