去掉图片按钮外围虚线

最新推荐文章于 2026-02-28 00:26:55 发布
原创 最新推荐文章于 2026-02-28 00:26:55 发布 · 1.2k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
网页设计(css/js...)

当前文章被收录于：

网页设计(css/js...)
12 篇文章 0 人学习
订阅专栏 查看详情
博客指出图片按钮点击时外围出现虚线框影响美观，给出解决办法，即加入代码 onFocus=\this.blur()\，并展示了完整例子代码，可实现点击图片按钮时不出现外围虚线框。

　　图片按钮的应用十分常见，但是通常我们点击它的的时候，外围都会出现一圈虚线，看起来不是很美观。其实我们只要加入如下代码:onFocus="this.blur()",就可以实现在点击的时候不出现外围虚线框了．完整例子代码如下:

　　<input name="image Field" type="image" src="images/logo.gif" width="88" height="31" border="0" on Focus="this.blur()">

标签
#image #border #input
去除点击按钮时出现的虚线框
奇妙的博客
07-31 1769
       最近发现，在点击按钮时会在周围出现虚线边框，这些虚线边框可以更好的看清按钮位置所在，便于浏览。但是有些时候我们却不想使用它们，因为浏览器对虚线框的解析有差异，并且不规则，所以看起来反而成为了某种缺陷。所以这种时候，我们想要禁用这些虚线边框，使页面看起来更美观。        下面介绍去除这些虚线边框的一些方法： 1. outline:none；（较为常用） 优点是代码简洁，...
去除button按钮点击后产生的虚线框
衣乌安、随笔
04-24 4861
今天在做一个页面的时候发现了一个小问题~当按钮或者a链接点击后会出现一个特别丑的虚线框，就像这样：这是由于按钮或者a链接获得焦点造成的，解决办法有：1、设置  :focus{ outline: none; } 属性，但IE6、 7并没有用，似乎在一些Firefox浏览器上也没用2、设置 ::-moz-focus-inner{ border: 0; }属性，Firefox有效,此处设置的不是outl...
添加虚线外框
Henry_Wu001的专栏
05-11 863
Converter={StaticResource booleanToThicknessConverter}}">                                                                                                                                      
outline:none || hidefocus="true" || onfocus="this.blur();"
和上帝躲猫猫
02-13 1379
hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于： onFocus="this.blur()" 它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。 你给的代码如果没有hideFocus,那么鼠标点击该超链接，则外面出现一个虚线框，即为聚焦。而使用了hideFocus则不会有虚线框。在IE下，需要在标签 a 的结构中加入 hidefocus
button样式篇一（ant Design React）
weixin_30530939的博客
09-04 3178
这篇来介绍button中elementUi、iview、ant中样式结构 ant Design react ant-react中button分两个文件less: mixins.less：根据button功能样式不同封装成函数。 index.less：调用mixins.less中的函数来声明button的相关class 我们先来看mixins.less的结构 btn(基础样式，主要用设置...
CSS outline:none
海风的博客
01-23 2837
当元素获得焦点的时候，焦点框为0.比如说当前这个网页，你用tab键切换的时候，文字链接、搜索框、按钮等的外面会有一个虚线框（或高亮框），此时当前的元素就获得了焦点，你可以对它进行操作。这个功能一般是为使用键盘操作的用户准备的。有些链接——比如一个图片链接，你不想让他出现虚线框破坏设计感，就可以用此方法。建议一般不要去掉，只在一些影响设计美感的地方用。毕竟这个焦点框对键盘用户是很有帮助的。 定
在ppt中如何对齐多个对象
guoqingchun的专栏
09-05 3679
在一张幻灯片中，常常要插入多个对象（如图片、图形、文本框等），如何让它们排列得整整齐齐呢？ 　　解决方法：以PPT2000为例，执行“视图→工具栏→绘图”命令，展开“绘图”工具栏，然后同时选中多个需要对齐的对象，按“绘图”工具栏上“绘图（R）”按钮，在随后弹出一快捷菜单中，展开“对齐或分布”级联菜单，选中其中一种对齐方式（如“右对齐”）即可。 　　小技巧： 　　①用此种方法设置的对齐方式
css outline是什么意思,用法
iteye_9924的博客
08-11 1325
[color=red]CSS outline:none[/color] 当元素获得焦点的时候，焦点框为0. 比如说当前这个网页，你用tab键切换的时候，文字链接、搜索框、按钮等的外面会有一个虚线框（或高亮框），此时当前的元素就获得了焦点，你可以对它进行操作。 这个功能一般是为使用键盘操作的用户准备的。 有些链接——比如一个图片链接，你不想让他出现虚线框破坏设计感，就可以用此方法。 ...
自定义QPushButton
qq769651718的专栏
03-18 2914
自定义QPushButton 样式 之前在项目需要用到自定的QPushButton，于是在网上找了一些方法，有什么设置pattle的，有设置icon的，到最后都不符合要求，而且设置来设置去的多麻烦，有没有什么好的方法可以统一方便的设置，方法当然是有的。下面就用Qt自带的Design中的styesheet来设计自己想要的PushButton！ 1、首先打开QCreator，新建个项目，我是新
如何对齐多个对象
动态ppt模板的专栏
05-28 486
转载者：轴对称图形ppt课件              来源:www.2ppt.cn 我们在一张幻灯片中，常常要插入多个对象（如图片、图形、文本框等），如何让它们排列得整整齐齐呢？ 　　问题一、如何对齐多个对象 　　我们在一张幻灯片中，常常要插入多个对象（如图片、图形、文本框等），如何让它们排列得整整齐齐呢？ 　　解决方法：在PPT 2002中，先执行“视图→工具栏→绘图”命令，展开“
HTML和CSS标签命名规则
qq_37361815的博客
01-23 303
文件夹主要建立以下文件夹： 　　1、Images 存放一些网站常用的图片； 　　2、Css 存放一些CSS文件； 　　3、Flash 存放一些Flash文件； 　　4、PSD 存放一些PSD源文件； 　　5、Temp 存放所有临时图片和其它文件； 　　6、copyright 版权信息（可选） 　　8、readme 说明文件 　　css统一命名 　　注：本CSS命名规则只适合物table制作模式下 ...
YOLOv12目标检测5分钟快速上手：图片视频双模式本地检测
weixin_42588877的博客
02-05 239
本文介绍了如何在星图GPU平台上自动化部署👁️ YOLOv12 目标检测镜像，实现本地化图片与视频双模式目标识别。用户无需配置环境或编写代码，5分钟内即可完成启动并开展实际应用，典型场景包括监控截图分析、教学实验视频动作识别及工业质检图像处理，全程离线运行，保障数据隐私与安全。
YOLOv12目标检测5分钟快速上手：图片/视频双模式本地部署教程
最新发布
weixin_42360846的博客
02-28 305
本文介绍了如何在星图GPU平台上自动化部署👁️ YOLOv12 目标检测镜像，实现本地化图片与视频双模目标识别。用户无需配置环境，5分钟内即可完成部署，典型应用于安防监控中的人车物实时检测与统计分析，全程离线、隐私安全。
手把手教你用YOLOv12：从图片标注到视频逐帧分析全流程
weixin_34268462的博客
02-09 402
本文介绍了如何在星图GPU平台上自动化部署👁️ YOLOv12 目标检测镜像，实现视频逐帧分析功能。用户无需配置环境，一键启动即可对监控视频进行实时目标检测与时间戳标注，广泛应用于智慧工地巡检、交通流量统计等典型场景，大幅提升视觉分析效率。
CSS 边框与背景全面解析：从基础到进阶应用
读心悦
05-14 1086
边框从基础线条到圆角、图片装饰，满足多样化的轮廓需求，尤其在卡片式设计中不可或缺。背景通过颜色、图片、渐变和灵活的定位剪裁，实现丰富的底层视觉效果，是响应式设计和高性能页面的关键。掌握这些属性的组合与进阶用法（如文字渐变、多背景叠加），能大幅提升页面的美观度和开发效率。随着 CSS 的不断进化，边框和背景的功能还在持续扩展（如 CSS4 中的新渐变函数），建议结合 MDN 等文档持续关注最新特性。
【基于Qt的在线音乐播放器】
Maxinya__的博客
09-12 2991
本在线音乐播放器的功能在于创建一个音乐播放器页面，可以实现搜索功能通过HTTP协议获取网络中数据并解析出来，播放搜索到的歌曲并展示相关信息。
python中tkinter模块_python中gui编程的模块之一：tkinter（python3.x中是tkinter，小写的t）...
weixin_39959236的博客
11-21 353
一、tkinter是python的标准gui库，tkinter是内置在python的安装包之中的，所以安装好python之后就可以import导入tkinter模块了二、创建一个GUI程序1、导入 Tkinter 模块 from tkinter import *2、创建窗口　　top=Tk()——实例化主窗口，，如果要实例化子窗口，用toplevel()3、创建控件（详看三）　　canvas=C...
CSS样式14个高级技巧精选
William Valentine
08-16 853
1.CSS 字体属性简写规则一般用CSS 设定字体属性是这样做的：font- weight:bold;font- s tyle:italic;font- varient:small- caps ;font- s ize:1em;line- height:1.5em;font- family:verdana,sans - serif;但也可以把它们全部写到一行上去：font: bol
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值