不知道写个什么标题比较好.不知道大家有没有发现.在IE下网页里的按钮两边会被拉伸.字数越多拉伸的越厉害.而且与此同时按钮的边缘还出现了锯齿.
原因是1,IE在按钮的value值每增加4个字节(汉字为2个)时,就会在按钮的两边产生总共一个字节的内边距宽度.2,IE的按钮(XP 风格)默认样式是一个固定尺寸的圆角矩形图片作背景,所以一旦按钮变宽变高后,这个固定尺寸的圆角矩形图片的边缘自然就会出现锯齿的现象了.当然如果你用的不是IE核心的浏览器就不会遇到这样的情况了.
下面我针对wordpress的评论按钮如何解决这个问题.而且能通过W3C的验证.解决的方法很简单.只要在按钮的css里写上overflow:visible;即可.比如你可以这么写:(当然你也可专门写在一个单独的css里.或者head里)

<input name="submit" type="submit" class="button"style="overflow:visible;" value=" Submit"/>

对于第二个问题.应该是系统的bug吧.可以给按钮加个边框折中处理一下.我就不多说了.在style里加相应的代码即可.
说到按钮我们可以顺便美化一下.哈哈.具体的做法无非就是改css.讲起来很枯燥.我把自己的晒出来大家看看就明白了.个性化只需要修改相应的值即可.
Read more…