去掉图片按钮外围虚线

最新推荐文章于 2024-03-21 09:25:25 发布
最新推荐文章于 2024-03-21 09:25:25 发布
阅读量1.1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 网页设计(css/js...) 文章标签： image border input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/winki/article/details/546206
博客指出图片按钮点击时外围出现虚线框影响美观，给出解决办法，即加入代码 onFocus=\this.blur()\，并展示了完整例子代码，可实现点击图片按钮时不出现外围虚线框。

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

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

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

里海NX二次开发3000例-专栏目录
王牌飞行员_里海的博客
09-15 4648
UDO(User Defined Object)是“用户自定义对象”。应用非常广，可以用UDO创建自定义特征，也可以对NX原有的特征添加一些特殊信息，这些信息会保存在部件中，以后可以查询。还可以实时追踪NX对象，例如做3D包容盒线框自动追踪实体，做2D矩形框自动追踪图纸尺寸值，这些在下面的例子都有介绍。读者可以自己编译下面的例子，体会理解UDO的用法。------里海 20230512序号内容​链接01使用UDO在所有实体上设置更新回调​链接02使用UDO生成跟踪实体的线框​链接03删除UDO​链接。
前端三件套知识点
二氧化硅.的博客
01-11 2912
前端三件套知识点
去除点击按钮时出现的虚线框
奇妙的博客
07-31 1716
       最近发现，在点击按钮时会在周围出现虚线边框，这些虚线边框可以更好的看清按钮位置所在，便于浏览。但是有些时候我们却不想使用它们，因为浏览器对虚线框的解析有差异，并且不规则，所以看起来反而成为了某种缺陷。所以这种时候，我们想要禁用这些虚线边框，使页面看起来更美观。        下面介绍去除这些虚线边框的一些方法： 1. outline:none；（较为常用） 优点是代码简洁，...
去除button按钮点击后产生的虚线框
衣乌安、随笔
04-24 4597
今天在做一个页面的时候发现了一个小问题~当按钮或者a链接点击后会出现一个特别丑的虚线框，就像这样：这是由于按钮或者a链接获得焦点造成的，解决办法有：1、设置  :focus{ outline: none; } 属性，但IE6、 7并没有用，似乎在一些Firefox浏览器上也没用2、设置 ::-moz-focus-inner{ border: 0; }属性，Firefox有效,此处设置的不是outl...
添加虚线外框
Henry_Wu001的专栏
05-11 814
Converter={StaticResource booleanToThicknessConverter}}">                                                                                                                                      
word流程图怎么做虚线框_word虚线框怎么打 word中目录虚线怎么打？
weixin_42350014的博客
01-30 9355
word 文档里怎么弄虚线框框？？按照如下步骤即可在在word 文档中添加虚线框：然后在开始选项卡下选择边框，点击下拉按钮。在下拉菜单中点击边框和底纹弹出一个对话框，点击边框，选择一个虚线样式。如上图，为什么我电脑的word出现虚线的边框，同样的word文件到别的电脑具体操作如下：双击打开Word文件，点击左上角的office图标。在展开的页面，点击箭头所指的“Word选项”。在Word选定对话框...
链接、单选按钮虚线框与focus:this.blur()与outline
weixin_30861797的博客
10-23 189
10-13 http://taligarsiel.com/Projects/howbrowserswork1.htm#The_main_flow 去除单选按钮/链接获取焦点时虚线框 一种解决方法：onfocus = "this.blur()" 在点击后立即使其失去焦点。很好达到去除虚线框的效果，各浏览器均有效。但此时tab键失效，在点击该链接or单选按钮后失去焦点...
CSS3鼠标滑过矩形动画按钮svg
qq_42683219的博客
03-25 572
效果图
nput元素去除获取焦点时的边框
a1462746681的博客
11-23 384
1.1概述 在网页中，用tab键切换时，文字链接、搜索框、按钮等的外面会有一个虚线框（或高亮框），此时当前的元素就获得了焦点，可以对其进行操作。 注意：这个功能一般是为使用键盘操作的用户准备的，建议一般不要去掉。 input标签获取焦点的时（如：光标放在input框中准备输入值时）， input标签外围会出现边框，如果需要去掉这个边框，可以使用css的outline:none;（当元素获得焦点时焦...
CSS基础
单飞吧的博客
09-09 367
Js的全局作用域就是window Function 内存中保存一段代码的函数 代码重用 调用函数 函数名(实参值) 第一种 以声明的方式创建函数 function 函数名(形参列表){ 函数体 return 返回值 } 有一个问题：会被声明提前 第二种 以赋值的方式创建函数  var arr= function (形参列表){ 函数体 return 返回值 } 第三种 用new创建函数 几乎不用 var fun=new Function函
HTML基础知识汇总
qq_43544490的博客
08-03 3780
------------------------------------ ????操作小技巧 ❗PS操作小技巧????????❕????????????✅ 1、视图–标尺：可测量像素尺寸感叹号 2、吸管工具可吸取颜色值 3、左侧移动工具–点击侧边标尺，按住不放拖至图片边缘-----方便测量 ❗vscode快捷码字 ul>li*4{$} 得到如下 <ul> <li>1</li> <li>2</li> <li>
MiniGUI编程速查表
逐梦的博客
07-20 6388
前言 自己学习MiniGui也快一年了，粗浅的学习了一下，本文是根据《MINIGUI-PROG-GUIDE-V3.0-C》中的内容整理而来，根据自己的理解做了一些分类，大部分都是一些函数的说明，方便自己以后学习MiniGui时查阅。现在分享出来，供大家一起学习。当然在学习的过程中也遇到过一些坑，像自定义控件，主窗口透明背景，窗口弹出动画啊，控件动画等等，有时间也会分享出来。 1 窗口的创...
Qt样式表设置-old版本
最新发布
qq_37464701的博客
03-21 1381
/边框：宽2像素 像素 实线 红色。//上边框面：宽2像素 像素 实线 红色。}//QTabBar::tab是选项页，记得前面是QTabBar不是QTabWidget。//边框颜色：红色，跟上面的红色结果是一样的。//内边距：10px（上下左右都设置为10px）//设置radio图标与文本间距：10px。}//QTabBar::tab:selected是指被选中的选项页。//上内边距：10px。//最小高度：60像素。//字体大小：10像素。
制作网页中的渐变背景方法
winki吧
01-12 2407
方法一:用图实现1切一张1*760的渐变背景图2在dw中添加做背景方法二:用css实现:网页背景色渐变（从白色到黑色） 下面这个是斜角渐变啊背景渐变(左上至右下)方法三:用javascript实现var Color= new Array(9);Color[1] = "ff";Color[2] = "ee";Color[3] = "dd";Color[4] = "cc";Color[5] = "b
免费下载blog建站程序
winki吧
12-10 2049
1,Oblog        一个开发比较成熟的博客程序,目前已开发到3.0版本,国内很多大型网站也采用该程序架设,如中国教育人博客/人民网/IT经济世界等.官方网站:http://www.pblog.cn2,Loveyukis BLOG(L-Blog V1.08(SE)Final正式版)        Loveyukis BLOG是由Loveyuki自主开发的基于ASP+Access的小型单
用css控制表格的交替颜色
winki吧
12-07 1751
        网站表格是显示数据的重要元素，但是如果表格太平凡，浏览者就会对内容产生抗拒。将下面的代码放进网页的之间,可以为表格加上交替的背景颜色：td{background-color:expression((this.cellIndex%2==0)?(this.parentElement.rowIndex%2==0)?"yellow":"green":(this.parentElement.
设置字体纵行排列
winki吧
12-10 1656
        常见的文字排版是从左到右的,那么你有没有试过类似诗词从上到下那样排列呢?如果还没试过的话,那么就来看看怎么实现吧.说不定哪天你或许就会用上呢.这个效果的代码如下要纵排的文字
dreamweaver8抢先看
winki吧
12-08 1534
一、改进的工作流程    Dreavweaver 8引入了许多精巧的改进，可以帮助网页设计师更加有效地工作。文档窗口的标签式界面将所有打开的文档放置在一个面板中，就象我们经常使用的标签浏览器Maxthon，切换文档时只需要单击一次鼠标左键就可以了，这样我们就不再需要为查找打开的窗口而费时耗力。    此外，用户现在可以将面板的排列保存为“Workspace layout”(工作区布局)。通过这种方
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值