记录下IE7下的input标签bug

最新推荐文章于 2022-10-31 08:58:39 发布
转载 最新推荐文章于 2022-10-31 08:58:39 发布 · 49 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://yq.aliyun.com/articles/145464

本文描述了一个在IE7浏览器中出现的下拉框定位问题。当文本长度发生变化时，右侧单选框的位置未随之调整。该问题在IE6、IE8及Firefox中未出现。文中提供了一个临时解决方案，并寻求更优的方法。

bug描述：

有一个select标签和一个input 标签，当下面的短就五个字变长时，右侧的单选框没动。

 

如下示例:

 

联动:  切换A 切换B
 短就五个字请看好变化

 

本示例在IE6，IE8，firefox下正常，IE7下有bug。所以请用IE7浏览看下bug。

通过点击两次单选框，状态可恢复正常。

目前本人的临时解决方案是通过模拟双击单选框，即隐藏再显示“短就五个字”的下拉框。来定位好样式。

 

路过的有没有好的解决方案，欢迎留言！

版权声明：本文原创发表于博客园，作者为路过秋天，原文链接：

http://www.cnblogs.com/cyq1162/archive/2010/01/30/1660080.html

Vue源码分析——第三章
Lee的博客
09-10 747
Vue源码分析——第一章 Vue源码分析——第二章 // only used in dev mode //检测 val必需是数字 function checkDuration(val, name, vnode) { if (typeof val !== 'number') { warn( "<transition> explicit " + name + " duration is not a valid number - " + "got " + ...
Windows下使用GitHub Pages搭建hexo博客详细教程以及Next主题超全配置
zdaiot的博客
09-25 6087
前言 马上要进入研究生了，不能再过浑浑噩噩的日子了，搭建一个小网站，用于记录自己所学的东西。其实，之前在腾讯云1元乞丐版上也搭建过博客，但是呢，只用来扯淡了。这次使用 GitHubPages 和 Hexo 建立自己的博客，希望能够促进自己成长。 下面先介绍为何选择 GitHubPages 和 Hexo 来搭建博客，然后介绍搭建博客的详细过程。 Why GitHub Pages and Hexo 因...
IE下动态创建Input出现bug的解决方法
FuDesign2008的专栏
05-20 1206
<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 />
Input XSS最新漏洞及利用
06-12
我们知道，如果要使XSS能够实现，我们的代码必须通过某种方式嵌入到对方的网页中。像注入漏洞的“’”、“and 1=1”和“and 1=2”一样，Input XSS也有自己的漏洞检测字符串，它们就是“<>”、“<iframe>”和 “<script>alert(/xss/)</script>”。如果当你在Input框中输入“<>”，并在新 页面的源代码中找到这对标签的话，那么基本上就说明它存在Input XSS漏洞；而“<iframe>”则是它的可视化检测方式；如果“<script>alert(/xss/)< /script>”能够实现，则证明该页面可以实行脚本攻击，但是否可以被插入脚本，在本次的测试里亦不是非常重要，后面你将会知道。
ie8的input的placeholder不显示的解决bug
weixin_30652491的博客
03-21 378
<!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...
input背景在ie7上不显示
panying0903的专栏
01-05 983
html结构和css样式如下： .btn_common_background { display:inline-block; width:154px; height:37px !important; line-height:37px; color:#FFF; font-size:16px; font-weight:bold; text-align:center; border:none; ou
elment ui 组件bug总结
IT博客技术分享
04-04 4768
一、.element-ui dialog设置为点击弹窗以外的区域不关闭弹窗 第一种: 在el-dialog标签中添加:close-on-click-modal="false"即可 <el-dialog title="标题" :close-on-click-modal="false" :visible.sync="dialogEnrol" width="30%"> 弹窗内容 </el-dialog> 第二种:全局设置 在mian.js里面： import Elem.
textarea下长度区别字母数字字符、中文字符换行 maxlength兼容
weixin_34220623的博客
01-10 1426
在Vue 上 textarea 根据字母数字中文换行符号显示剩余长度 第一次写博客，主要是想把自己平时开发过程中遇到的问题记录下来，做个积累，也给各位前端小伙伴一些知识分享，平时公司工作比较忙，忽略了提升自己，通过博客可以做知识沉淀，如果对 其中有不同意见的，欢迎提出问题出现公司很多的 h5 和小程序 场景都是在 textarea 输入文...
三年经验前端vue面试记录
bb_xiaxia1998的博客
10-31 5073
分析中两个重要组件和，分别起到导航作用和内容渲染作用，但是回答如何生效还真有一定难度回答范例包括以下几个模块回答范例思路回答范例可能的追问可以分来以下三种：1. 默认插槽子组件用标签来确定渲染的位置，标签里面可以放结构，当父组件使用的时候没有往插槽传入内容，标签内结构就会显示在页面父组件在使用的时候，直接在子组件的标签内写入内容即可子组件 父组件 2. 具名插槽子组件用属性来表示插槽的名字，不传为默认插槽父组件中在使用时在默认插槽的基础上加上属性，值为子组件插槽属性值子组件 父组件 3. 作用域插槽子组件在
兼容IE7、IE8、IE9的input type="number"插件
02-18
IE11版本好像才兼容input type="number"，但是现在Win7版本操作系统下，很多人的IE版本都是IE7/8/9，所以为了体验就自己写了一个小插件，支持设置最大值、最小值、数字间隔。
IE7 浏览器兼容 input placeholder 属性完美解决
小学程序员的博客
01-19 435
第一种方式，使用插件（jquery.placeholder） <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untitled Document</title> <script src="./jquery-1.10.2.min.js"></script> <script src="./jqu
解决IE6中去掉input边框的BUG
yushuir的专栏
07-29 226
IE6是一个让人蛋疼而又无奈的浏览器，这次不经意间发现了一个BUG的解决发放，给大家分享一下 直接中部代码&lt;input type="text" value="" name="" /&gt; 此举加border:1px 颜色 solid；时，浏览器全部显示正常； 如果换成border:none;时，此时除了IE6其他浏览器都正常，边框显示没了。 IE6还有边框，如果用上*border:none...
ie7，6下 blur事件问题
shikun520的专栏
09-27 194
因为我在css中加入了 input{outline:none;blr:expression(this.onFocus=this.blur());-moz-outline-style: none; 这样得到焦点后马上就失去焦点，删除这个就好了
IE浏览器input输入框自动触发input事件和focus也触发input事件的bug
weixin_44183178的博客
07-31 2280
问题 windows系统IE11、10 在页面输入框上同时绑定了nput以及foucs事件，当触发foucs事件的时候会触发input事件，导致我的第一次搜索无效。 暂时解决办法 只有当输入框上存在placeholder的情况下才会出现如此问题，因此项目中如果不是特别依赖placeholder可以将其暂时去掉。另外如果想要实现placeholder效果，可以使用另外的方式实现。 ...
Hidden属性的input标签中XSS的触发方法
一生无悔惜缘的博客
08-18 9026
今天看到一个XSS漏洞，插入点在一个有hidden 属性的input 标签，大致情况如下： input type="hidden" name="returnurl" value="[USER INJECT]" />11 正常情况下的XSS应当是： http://victim/?value=” onclick=”alert(document.domain) 但是这里由于该
js 监听输入框输入事件兼容ie7
weixin_34062329的博客
11-10 261
$(element).bind("input propertychange",function(){}); 转载于:https://www.cnblogs.com/myspecialzone/p/6051200.html
探索input标签下的验证码与密码输入框设计
具体到验证码、密码的输入框，这通常是指带有特定类型属性的input元素，它们允许用户输入文本数据，并在不同的场景下进行数据校验。 input标签有多种类型（type）属性，可以根据输入内容的不同来定制输入框的行为和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值