去掉 input 按钮的虚线框

最新推荐文章于 2021-07-02 00:52:24 发布
最新推荐文章于 2021-07-02 00:52:24 发布
阅读量268 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/daoyuly/archive/2013/05/04/3060146.html
本文介绍如何在IE6/IE7中移除input或a元素的默认焦点虚线框，通过设置hidefocus属性实现。同时提供IE8及以上版本和其他浏览器的CSS解决方案。

在IE6/IE7下的默认情况下， input或a存在一个焦点虚线框。使用hidefocus=‘true’/hidefocus=‘hidefocus’可以去掉虚线框。IE8+或者其他浏览器可以是用CSS Style { outline:none }

转载于:https://www.cnblogs.com/daoyuly/archive/2013/05/04/3060146.html

【转】input输入框的各种样式
weixin_30821731的博客
05-05 1万+
输入框景背景透明：<input style="background:transparent;border:1px solid #ffffff"> 鼠标划过输入框，输入框背景色变色：<INPUT value="Type here" NAME="user_pass" TYPE="text" SIZE="29" onmouseover="this.style.borderColor=...
html5input输入框设置无边框_border 边框
weixin_39568172的博客
11-28 8233
border定义：border简写属性在一个声明设置所有的边框属性。关于边框属性的认识我么需要知道的有：border-style，指定要显示什么样的边界border-width，指定边框的宽度border-color，设置边框颜色border-style关于border-style的属性值可以有：默认值 none（无边框），dotted（点线边框），dashed（虚线边框），solid（实线边框）...
如何去掉a标签或者input标签点击时候出现的虚线框
Heroin的博客
11-02 1023
去掉A标签的虚线框的方法是，在css中加入body a{outline:none;blr:expression(this.onFocus=this.blur());} 去掉input标签的虚线框的方法是 style type="text/css"> a,input,button{ outline:none; } ::-moz-focus-inner{border:0px;} style
去除a标签、input标签点击时出现的虚线框
qq_42617840的博客
07-24 966
  $("a").focus( function() { this.blur(); } );         $("input:radio").focus( function() { this.blur(); } );       $("input:checkbox").focus( function() { this.blur(); } );  
取消a或input标签聚焦后出现虚线框
weixin_30469895的博客
04-26 346
1：在a标签里加入js控制，当a标签被聚焦时，强制取消焦点，这时候a标签自然不会有虚线框。<a href="#"onfocus="this.blur();">这里设置聚焦时触发blur();强制取消焦点。 2：在a标签里嵌套其他标签，比如span或者var等等，把内容放在被嵌套的标签里。这时候点击这个链接，聚焦的是a的子标签，自然不会聚焦在a标签上，所以也能避免这个问题。 3...
FIREFOX/CHROME点击出现虚线框的问题 a标签点击虚线框 input蓝色外边框 input点击虚线框
小菜鸡程序媛的挣扎史
07-24 1232
1、解决标签a点击出现虚框 当a标签获得焦点的时候，a标签的周围就会出现虚框，它不同于border，不占任何宽度，a失去焦点的时候就会消失，就是outline。 在遨游，Firefox ，IE的几个版本中就会看到、而Safari、Opera、Google 本身不支持这个效果，就看不到。 解决方法： 可以给a标签设置 outline: none;但在IE6、IE7 遨游中都不能实现。只有在...
去除input，a，按键链接时出现的虚线方法
weixin_30915951的博客
01-10 137
在前端制作的过程中会发现，一些文字/图片链接，或者一些input控件，在点击时会在周围出现虚线边框。 这些虚线边框是作为对视觉设计的一种辅助，在不使用鼠标，而用键盘Tab键进行页面浏览时，会标示出当前所在的链接或控件的位置，便于浏览。这对那些视觉有障碍的人士来说更是必不可少的。 但是有些时候我们却不想使用它们，因为浏览器对虚线框的解析有差异，并且不规则，所以在视觉设计上反而成为了某种缺陷。所以...
使用CSS去掉超链接的虚线边框的方法
09-25
在网页设计中，超链接（`<a>`标签）和其他交互元素如输入框（`<input>`）和按钮（`<button>`）在被点击时，可能会显示一个虚线边框，这是浏览器为了帮助用户识别当前焦点所在位置而提供的默认行为。特别是对于使用...
CSS去掉A标签（链接）虚线框的方法
09-25
例如，在使用CSS来设计美观的按钮或图标时，这个默认的虚线框就显得非常突兀，破坏了整体的视觉效果。为了解决这个问题，CSS提供了方法来移除这个焦点时的虚线框。 首先，对于大多数浏览器，比如Firefox，我们可以...
去掉a标签和按钮加背景图片虚线/阴影完美解决方案
09-22
本文主要介绍如何解决`a`标签和按钮在被点击后出现阴影或虚线边框的问题，这些效果可能会影响页面的整体美感。这个问题通常出现在用户点击`a`标签进行操作，如更换验证码，或者在按钮上应用背景图片时。 首先，让...
用css消除button/selcet等控件选中时的虚线框(让页面美观点)
09-25
特别是在处理交互元素如按钮（button）、选择框（select）等时，一个常见的问题就是这些控件在被用户点击或聚焦时会显示默认的虚线边框，这可能与整体设计风格不符。为了解决这个问题，我们可以利用CSS来消除这些...
html给input添加边框,html input怎么设置虚线边框样式
weixin_35693423的博客
07-02 6469
html input设置虚线边框的方法：在input标签中使用style属性，添加“border-style: dashed;”或者“border:宽度值 dashed 颜色值;”样式；属性值dashed用于定义一个虚线边框。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。html input设置虚线边框样式效果图：说明：1、html style...
css 去除button a input标签的虚线边框
对代码不满足，是任何真正有天才的程序员的根本特征。
05-06 2944
nput,button,a { outline:0 none !important; blr:expression(this.onFocus=this.blur()); } !important 在这非常重要，提高级别，以防设置无效。
input标签去掉边框和设置只读格式
cxws110的博客
10-31 2424
去掉边框：border:0px; 只读：readonly="readonly"
css去除button、a、input标签的虚线边框
weixin_30369087的博客
05-19 461
input,button,a { outline:0 none !important; blr:expression(this.onFocus=this.blur()); } 转载于:https://www.cnblogs.com/Harold-Hua/p/10888578.html
html5 去掉input type=month的默认样式（上下箭头）
weixin_30737363的博客
07-25 1060
代码如下： input[type=month]::-webkit-inner-spin-button{visibility: hidden;} 之前： 修改以后： 资料： html5中如何去掉input type data默认样式https://www.jianshu.com/p/298d6d54ffbc 转载于:https://www....
使用行内样式改变input单选按钮选中的颜色
05-27
可以使用如下的行内样式来改变input单选按钮选中的颜色： ...<input type="radio" name=...此外，还使用了`appearance`和`-webkit-appearance`属性来取消默认的外观样式，并使用了`outline`属性来去掉选中时的虚线框。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值