input按钮显示差异怎么办
2019-09-17 09:54:47来源:爱站网 阅读 ()
当我们制作好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
- 网页搜索框里显示字段鼠标点击后就隐藏的方法 2020-05-29
- title 换行显示 2020-05-14
- 安装了https ssl证书,但浏览器显示并非完全安全(此页面内 2020-05-12
- 点击按钮下滑显示组件 2020-05-01
- CSS文本超出自动隐藏显示省略号 2020-04-27
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash