如何去掉点击链接或者input框时周围的线框

最新推荐文章于 2023-03-07 19:44:05 发布
最新推荐文章于 2023-03-07 19:44:05 发布
阅读量688 收藏 2
点赞数
分类专栏： web前端 文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leoly612200/article/details/109094860
版权

有时候我们开发的时候碰到就是点击按钮或者a链接或者input框是会出现选中的边框，有时候影响美观。

用outline:none就能解决困扰

outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

下面是他的属性

leoliyou
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
OpenGL.rar_OpenGL 线框_opengl 线框消隐
09-24
计算机图形学，OpenGL线框消隐的一个很好的程序
一、文本框和按钮不对齐现象(高度得设置一样)
weixin_72553821的博客
07-26 555
文本框和按钮不对齐现象(高度得设置一样)
【解决方案】去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景
weixin_30607029的博客
03-22 628
1、使用Chrome的都知道，当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框，我以前一直以为这是chrome的特性，没法去掉，原来是css的效果，outline这个属性。 你可以用下面的css代码去掉所有元素的边框： *:focus {outline: none;} 用下面的代码去掉你要去掉的元素的边...
input或textarea 去掉边框
qq_34631220的博客
04-16 2076
textarea { border: 0; outline: none; background-color: rgba(0, 0, 0, 0);// 透明背景 } input{ border: 0; outline: none; background-color: rgba(0, 0, 0, 0);// 透明背景 }
怎么去掉input textarea 选中后的边线框，textarea 不可以拉
zhaoshuang1010的专栏
10-09 8124
1.标签 css                               input { oulilne:none; }  /   input:focus { oulilne:none; } 2.去掉textarea 拖拽效果，使之不可以拖拽拉伸                        textarea{resize:none}
去掉input搜索框获得焦点时的边框
学点的CSDN博客
02-21 4963
开发工具与关键技术：Adobe Dreamweaver CC 与css 作者：黄灿 撰写时间：2019.2.16 用input[type=”text”]写一个搜索框，很简单 图1 这样子写这个搜索框，获得焦点是有一个自带的边框出现 图2 想要在搜索框中获得焦点时这个边框隐藏起来我们需要加上一个属性 图3 写上outline为none这个属性，在搜索框中获得焦点时这个边框就会隐藏起来 图4 ...
input [type=search] 搜索框去掉默认边框和旁边的小图标
热门推荐
06-22 2万+
input[type="search"]{-webkit-appearance:none;}  input::-webkit-search-cancel-button {display: none;} http://www.html-5.cn/WebApp/css/10243.html
点击input时，去除边框
qq_37037988的博客
02-03 2276
点击input时，去除边框
input，去掉点击时的边框
anye_zhuzai的博客
03-07 1384
设立边框后点击时出现另一种颜色的边框怎么办？直接给input添加样式。
将Unity内三维物体线框化
06-30
一个材质球，将该材质球赋予到要用线框化的物体上就行 （注：目前只测试过Unity自带的Cube可以直接线框化，如果是导入的模型，需要注意在三维软件里将该...比较适用于移动物体时显示其目标位置（方形线框显示）的情况
iPhone X 手机线框边框模板pdf
08-17
iphone x 线框模板，手机矢量边框，PDF格式，可导入AI。
线框：最小的线框CSS框架work
02-04
线框 WIP-最小的线框CSS框架。 给出了index.html示例。 如何发展： 克隆仓库 运行npm install 大gulp 读取源文件 将样式添加到lib/目录中，而不是在css/或min/ 添加相应HTML样式
使用Photoshop 制作网页线框图简单实用
09-22
向大家介绍一套免费的Photoshop 线框图套件，这个线框图套件中包括通知、图片和视频，表单字段，标题，段落，项目符号列表，导航，广告横幅和普通网站的元素，如：搜索框，电子邮件注册表单等等
jQuery或js 改变浏览器窗口大小的时候 让页面自动刷新
leoly612200的博客
07-06 1万+
改变浏览器窗口大小的时候 让页面自动刷新$(window).resize(function(){    alert("窗体大小改变了！");    location.reload()    //这里你可以写你的刷新代码！});//监听窗口大小$(window).resize(function () {          //当浏览器大小变化时    alert($(window).height()...
关于打印机打印网页出现字迹显示不全的问题心得
leoly612200的博客
07-07 1万+
打印机打印wps等办公文件显示是正常的，当打印网页相关内容出现字迹显示不全，解决方案：把html设置为黑体就OK
为什么发送ajax请求页面也会刷新呢？
leoly612200的博客
08-11 4824
button 标签请添加 type='button' 属性，因为浏览器默认会认为 button 的属性是submit.type=‘submit’时会发生提交表单的默认行为。 type='button' class="send_msg" onclick="setData()">send 请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏
H5如何实现关闭当前页面，跳转到新页面？
leoly612200的博客
05-18 4120
H5如何实现该功能？ 1、这个方法就能实现：location.replace("index.html")有关闭当前页面，跳转到新页面的效果。 2、 而我们常用的window.location.href = “index.html”， 这个方法会保留历史的访问记录。 ...
js判断图片是否存在,并做处理
leoly612200的博客
07-10 3792
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>JavaScript判断远程图片是否存在，不存在则替换指定图片</title> </head> <body> <p>判断百度...
css 让图片不停的转动
leoly612200的博客
12-05 2676
例如：让下面的图形不停的转动 css也能实现这样的效果，下面直接贴代码，希望能帮助需要的朋友 <div class="gif_pic"> <img class="add_pic img" src="loading.png" width="100" height= "100" /> . <div class="loading_gif_text">正在识别中...</div> </div> .gif_pic{ te.
el-input线框颜色
最新发布
08-23
el-input 是一个基于 Element UI 的输入框组件，它的线框颜色可以通过设置 input 的边框样式来实现。你可以使用以下 CSS 属性来改变 el-input 的线框颜色： ```css .el-input__inner { border-color: #ff0000; /* 设置线框颜色为红色 */ } ``` 以上代码将 el-input 的线框颜色设置为红色，你可以根据需要修改颜色值。将上述代码添加到你的样式文件中，或者直接写在页面的 style 标签中即可生效。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值