解决IE6中去掉input边框的BUG

最新推荐文章于 2021-01-05 16:10:06 发布
最新推荐文章于 2021-01-05 16:10:06 发布
阅读量156 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yushuir/article/details/83008035
版权
IE6是一个让人蛋疼而又无奈的浏览器，这次不经意间发现了一个BUG的解决发放，给大家分享一下 直接中部代码
<input type="text" value="" name="" />
此举加border:1px 颜色 solid；时，浏览器全部显示正常；
如果换成border:none;时，此时除了IE6其他浏览器都正常，边框显示没了。
IE6还有边框，如果用上*border:none;没有用，但是如果是：border:none;*border:#ffffff；时在IE6中边框神奇的消失了。
而且还发现，如果只写border:#ffffff;除了IE6，其他的边框也很神奇的消失了。
yushuir
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IE6/7下多种方法移除button、input 默认边框和去掉焦点线
12-11
一、去掉边框： ...通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签，然后将样式写在这个标签上，并且把button和input的默认样式都去除掉。 实现方式一：设置CSS： 复制代码
HTML input元素上边框缺失 无法显示
m0_52107577的博客
10-15 1493
input元素上或左边框缺失，已解决
ie7 中去除input边框
zhaossdut的专栏
07-22 554
" />
input 标签 文本框去掉外边框的方法 兼容ie6及其他浏览器
湛庐无方
10-16 1990
overflow:hidden;*border:red;   这个属性就完全可以解决了*border:可以是任意的颜色。
IE下动态创建Input出现bug的解决方法
FuDesign2008的专栏
05-20 1145
<br />建立单选钮 <br /> IE以外的浏览器 <br /> var   rdo   =   document.createElement( 'input '); <br /> rdo.setAttribute( 'type ', 'radio '); <br /> rdo.setAttribute( 'name ', 'radiobtn '); <br /> rdo.setAttribute( 'value ', 'checked '); <br /><br /> IE: <br />
记录下IE7下的input标签bug
weixin_34007879的博客
01-30 76
bug描述： 有一个select标签和一个input 标签，当下面的短就五个字变长时，右侧的单选框没动。   如下示例:   联动: 切换A 切换B 短就五个字请看好变化   本示例在IE6，IE8，firefox下正常，IE7下有bug。所以请用IE7浏览看下bug。 通过点击两次单选框，状态可恢复正常。 目前本人的临时解决方案是通过模拟双击单选框，即隐藏...
input 按钮背景在IE6 IE7中不显示的解决方法
12-10
首先现在使用IE6 IE7 等低级浏览器的人已经被时代抛弃，但是顾客就是上帝，时代抛弃他们，我们不能抛弃，但是求求你们快换个高级点儿的吧~ 废话少说 复制代码代码如下: <input type=”button” value=”预定” ...
ie8下修改input的type属性报错的解决方法
09-04
当用户勾选显示明文复选框时，要以明文显示用户输入的密码，去掉勾选时要变回密文，问题是ie8中是不允许修改input的type属性
去除input:focus状态下边框的方法
damei2017的博客
08-31 1万+
style="outline:none;" Bootstrap style="outline:none;box-shadow: none;"
ie浏览器下，input框聚焦失效
weixin_42018331的博客
01-05 515
setTimeout(function(){ document.getElementById(‘username’).focus(); },100)
ie8的input的placeholder不显示的解决bug
weixin_30652491的博客
03-21 329
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery1.10.2.min.js" type="text/javascript" charset="utf-8"></script...
如何解决IE6下input边框问题
yihanzhi的博客
04-10 572
消除边框我们习惯用border:none，但这对IE6/7来说无效，边框依然存在。那么如何解决IE6下input边框问题呢？用border:0试了下，似乎是有效的。那么border:0与none的区别是什么呢，查阅资料得到如下答案： 性能差异 “border:0”：是指border-width:0，虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width进行了渲染，即
去除input边框
热门推荐
sunrainamazing的博客
05-12 9万+
去除input的边框 去除input获取焦点时的蓝色外边框** 去除input的边框仅仅用border属性 ，其实是不能满足我们的需求的 此外还需要加上outline属性才可以 实现我们想要的样式 ** 去除边框的代码 border-width:0; 即可去除相应的周围的边框 但是实际，并不能达到我们想要的效果， 而appearance:none;也不能达到我们想要的效果。
IE浏览器input输入框自动触发input事件和focus也触发input事件的bug
weixin_44183178的博客
07-31 2076
问题 windows系统IE11、10 在页面输入框上同时绑定了nput以及foucs事件，当触发foucs事件的时候会触发input事件，导致我的第一次搜索无效。 暂时解决办法 只有当输入框上存在placeholder的情况下才会出现如此问题，因此项目中如果不是特别依赖placeholder可以将其暂时去掉。另外如果想要实现placeholder效果，可以使用另外的方式实现。 ...
elementplus去掉input边框
最新发布
05-27
要去掉 Element Plus 的 input 组件的边框，可以通过设置 input 样式的 border 属性为 none 来实现。具体的做法如下： 在你的样式文件中添加以下样式： ``` .el-input { border: none; } ``` 这会将所有的 input 组件的边框都去掉。如果你只想去掉特定的 input 组件的边框，可以为它添加一个自定义的 class，然后在样式中只针对这个 class 进行样式设置。例如： ``` <el-input class="no-border"></el-input> .no-border { border: none; } ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值