不仅不同浏览器不同,不同的字体,不同的文字大小也会表现不一样。
重置 form checkbox & radio
因为不同浏览器解析不一样,有些是默认margin,有些是默认padding,还有ie6,7连margin和padding即使设置为0后,所占的空间还是比较大,所以还是有必须重置下,这样就能解决很多不必要的麻烦。
以下是 14px Arial 字体的解决方案:
1、css代码
.form { font: 14px/18px Arial, Helvetica, sans-serif; } .form input, .form label { vertical-align: middle; } .form label { margin-right: 6px; } .form_checkbox, .form_radio { margin: 0 3px 0 0;/*与右侧文字的间距*/ padding: 0; width: 13px; height: 13px; /*ie7 ie6 根据不同的 font-size 设置不同的值*/ *vertical-align: 1px; }
2、html代码
<form name="form1" method="post" action="" class="form"> <p> <input type="checkbox" name="checkbox4" id="checkbox4" class="form_checkbox"> <label for="checkbox4">checkbox4</label> <input type="checkbox" name="checkbox5" id="checkbox5" class="form_checkbox"> <label for="checkbox5">checkbox5</label> <input type="checkbox" name="checkbox6" id="checkbox6" class="form_checkbox"> <label for="checkbox6">checkbox6</label> </p> <p> <input type="radio" name="radio" id="radio4" value="radio4" class="form_radio"> <label for="radio4">radio4</label> <input type="radio" name="radio" id="radio5" value="radio5" class="form_radio"> <label for="radio5">radio5</label> <input type="radio" name="radio" id="radio6" value="radio6" class="form_radio"> <label for="radio6">radio6</label> </p> </form>
3、效果图
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
暂无评论...
更新日志
2024年05月08日
2024年05月08日
- 逆水寒手游五子棋残局三十四步骤 逆水寒五子棋怎么下
- 《哈迪斯2》Steam平台“好评如潮“!好评率高达98%
- 生化系列大部分销量是在《生化危机7》发售后达成的
- 《范马刃牙 VS 拳愿阿修罗》公开正式预告与主视觉图
- 【乡村蓝调(P】RichardLindgren-2024-GrandJubilee(FLAC)
- 【乡村摇滚】DanielCrabtree-2024-StormsontheOcean(FLAC)
- 【乡村摇滚(J)】DollyParton-2024-Rockstar(Deluxe)(FLAC)
- 《地狱潜者2》事件引网友感叹:永远不要低估PC社区
- 连裤袜忠实爱好者 日本大号樱花妹肉感美腿吸睛
- 《Dota2》屠夫为路人局最受欢迎英雄 登场数超10亿
- 古云有螭任务攻略,古云有螭岩尊像在哪?
- 重云角色攻略心得分享,重云角色技能天赋
- 原神cos:白丝+玉足,刻晴小护士太撩人了!雷电将军、刻晴顶级魅魔合集!
- 蜜雪薇琪.2007-想见你新歌+精选2CD【SONYBMG】【WAV+CUE】
- 胡彦斌.2009-红歌(EP)【金牌大风】【WAV+CUE】