相关标签

按钮在 IE 中两边被拉伸的 BUG

大家在写按钮(input、button)的时候会发现在 IE 下: 随着字数的增多,两边的间距也会越来越大。 在 WIN 的XP 风格下,当字数很多时,两边还会出现严重的锯齿。 到底是什么原因呢? 蓝色理想 原 WEB标准化专栏 的斑竹 zbm2001z 给出了一个答案: 1、IE 在按钮的 value 值每增加 4 个字节(汉字为 2 个)时,就会在按钮的两边产生总共一个字节的内边距宽度。 2、IE 的按钮(XP 风格)默认样式是一个固定尺寸的圆角矩形图片作背景,所以一旦按钮变宽变高后,这个固定尺寸的圆角矩形图片的边缘自然就会出现“拉毛”的现象了。 对于第二个问题我们暂时没办法去解决,除非 WIN 系统自己修复 BUG ,但对于第一个问题 ,我们还是可以修复的。 IE 下给按钮元素设置 overflow 属性的 visible 值(注 :padding 值仅在设置了overflow:visible 属性后才有效),这个属性... 27 条评论 »

简单form标准化实例(二):语义结构

1、使用 fieldset 和 legend标签 在 form 中,我们经常会对 form 中的信息进行分组,比如注册 form ,我们可能会将注册信息分组成基本信息(一般为必填),详细信息(一般为可选),那我们如何更好的来实现呢?我们可考虑在 form 中加入下面两个标签: fieldset:对表单进行分组,一个表单可以有多个fieldset legend:说明每组的内容描述 <form id=”demoform” class=”democss” action=”"> <fieldset> <legend>Basic Register</legend> <p>First name: <input type=”text” name=”fname” value=”" /></p> … </fieldset> <fieldset> <legend>Detailed Register</legend> <p>Interest: <input type=”text” name=”interest” value=”" /></p> … </fieldset> … </form> fieldset 默认是带边框的,而 legend 默认一般显示在左上角。但在某些场合或许不愿意让 ... 0 条评论»