checkbox,radioIE6，7下兼容性

最新推荐文章于 2018-10-30 14:51:00 发布
最新推荐文章于 2018-10-30 14:51:00 发布
阅读量196 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： div+css 前端技术方案
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jasmine1126/article/details/84343655
本文介绍了一种设置默认样式的CSS代码，通过定义body和input元素的样式来消除不同浏览器之间的显示差异。特别是针对IE6.7和其他现代浏览器如Firefox的表现进行了调整，并通过设定input元素的固定宽度和高度实现了跨浏览器的一致性。

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

设置默认样式：
<style>
body,input{ margin:0px; padding:0px;}
input{ font-size:12px; vertical-align:middle;}
.test{ background-color:#CCC; font-size:12px;}
</style>
IE6.7的表现： 左边和上边有边距

FF的表现：


<style>
body,input{ margin:0px; padding:0px;}
input{ font-size:12px; vertical-align:middle; [color=red]width:14px; height:14px;[/color]}
.test{ background-color:#CCC; font-size:12px;}
</style>

对input定宽和高14px 后，各浏览器表现样式一致。
IE6 IE7 下 checkbox 选中 问题
云计算专栏
05-26 2389
<div id="node1">level 1</div>     <script>     function a()   {       var node1=$("node1");// 第一层         var node2 = createElement("div");// 第二层-父亲node1       node2.innerHTML="<span>level 2</span>";         var node3 = createElement("div");// 第二层-父亲node1
ie6、7无法获取checkbox选择状态的处理
08-10
在ie6、ie7下，对于checkbox的勾选状态checked属性的值获取始终是null，利用jquery在获取的html中增加checked属性
兼容IE的radio遍历
weixin_33976072的博客
05-12 187
2019独角兽企业重金招聘Python工程师标准>>> ...
select，radio，checkbox兼容性
weixin_30922589的博客
01-22 101
转载于:https://www.cnblogs.com/xiaotaiyang/p/4242102.html
IE6、IE7下Radio按钮选不中
dianbiaosao3462的博客
05-11 180
遇到问题：“Radio button在IE6、IE7点击没有反应总是选不中，而在其他版本IE及其他浏览器中正常运行”。 解决方案：在IE6、IE7下，Radio input是通过name属性来分组识别，实现单选的。所以name属性是个必须的字段，具有互斥关系的Radio button需要具有相同的name属性值。即便，只有一个Radiobutton时，这个name属性也是必须的。 转...
关于多个checkbox在IE6下自由表单设计器中的兼容问题
开源驰骋工作流引擎
08-06 256
关于多个checkbox在IE6下自由表单设计器中的兼容问题 关于多个checkbox在IE6下自由表单设计器中的兼容问题----------------------------------------------------问题现状:    在IE6.0下，ccform 的自由表单解释执行器中如果出现多个checkbox就不能正常选中,但是在IE7+以上正常.问题原因:   ...
asp.net CheckBoxList各项最小宽度CSS样式(兼容性good)
01-02
ASP.NET中，CheckBoxList里的选择都是自动宽度的，属性时没有设置各项宽度的设置。 参考了一下网上的最小宽度样式， 代码如下: /* 最小寬度 */ .min_width{min-width:300px; /* sets max-width for IE */ _width:...
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
10-16
需要注意的是，虽然这些解决方案能够解决当前的问题，但在实际项目中，为了保持代码的可维护性和兼容性，建议尽可能避免对老旧浏览器的特别适配，而是引导用户升级到现代浏览器或者使用polyfill库来提供缺失的功能。
javascript checkbox/radio onchange不能兼容ie8处理办法
10-19
总结来说，解决IE8中`checkbox`和`radio`的`onchange`事件兼容性问题，可以通过监听`click`事件并模拟`onchange`的逻辑来实现。这样可以确保在所有浏览器中，无论用户是通过点击还是使用键盘操作，都能正确触发和...
IE6,IE7下checkbox选中问题
加俊
09-02 179
* 节点1 ** 节点2 ** 节点3 *** 节点4 如果节点关系如上。 &lt;div id="node1"&gt;level 1&lt;/div&gt; &lt;script&gt; function a() { var node1=$("node1");// 第一层 var node2 = createElement("div");// 第二..
纯css兼容个浏览器input[type='radio']不能自定义样式
weixin_30243533的博客
04-12 619
各个浏览器对于表单input[type='radio']、input[type='checkbox']的样式总是各有差异 //html <div class="remember-account"> <input type="checkbox"> <span>记住账号</span> </div...
input的radio 样式兼容与ios中的hover
lotte
08-01 2307
input的radio在苹果手机里的样式兼容，另外就是在苹果手机微信里的点击效果兼容。 常规样式 首先插入标签 &lt;div class="condition"&gt; &lt;input type="radio"&gt; &lt;input type="radio"&gt; &lt;/div&gt; 其次是css样式 .condition in
input的radio 样式兼容（ios中的hover）
weixin_30367543的博客
10-30 247
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .condition inpu...
支持ie8单选框与复选框自定义样式
清叶 的专栏
06-21 8260
css 样式 /* wrapper divs 复选框与单选框样式 */ .custom-checkbox,.custom-radio{position:relative;} /* input, label positioning 该样式控制checkbox  */ .custom-checkbox input{position:absolute;left:2px;top:0px;margi
2024中国医院人力资源现状报告.pdf
最新发布
08-06
2024中国医院人力资源现状报告.pdf
IE6兼容性问题解决技巧汇总
这三个标签表明文档将特别针对这些元素在IE6下的兼容性问题进行探讨，并提供解决方案。例如，在IE6中，某些CSS属性对这些元素可能不会按预期工作，文档可能会介绍如何通过特定的CSS技巧或JavaScript代码来解决这些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值