input按钮显示差异怎么办

2019-09-17 09:54:47来源:爱站网 阅读 ()

新老客户大回馈,云服务器低至5折

当我们制作好input按钮后在浏览器查看的时候发现与实际效果有差异,这是怎么一回事呢?input按钮显示差异怎么办?现在我们就带着疑问一起去看看具体内容吧。

请在各浏览器里查看以下input的显示效果!

解决后显示效果!
具体代码
.button{
margin:0;
padding:0 0.25em;
width:auto;
*width:1;/*宽度不带单位我是第一次见,不知道其作用!- -!*/
overflow:visible;
}
还有一个问题就是input的文字垂直居中问题,这里引用一下! fedcn
默认情况下,在IE6/7下,按钮中的文本居中的不是很精确,需要调整,而在IE8 Beta2下,按钮中的文字位置貌似是固定不变的。
经过反复测试,发现对按钮设置适当的行高值就可以解决, 其中在IE6/8下, line-height = height - 8 ,对IE7 单独设置 line-height = hegiht - 4

input按钮显示差异怎么办?如果您决心了解这个功能的真正作用,通过仔细参考资料和反复的实验,您一定可以完全掌握的!


原文链接:https://js.aizhan.com/web_authoring/css/8827.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:CSS隐藏网页文字的常用方法

下一篇:前端CSS