input与select在不同浏览器上的宽度显示不同及IE背景图显示问题

select的css width样式，包含边框和内边距，即：真实的width=CSS width。

而input的css width样式，则不包含边框和内间距，真实的width=CSS width border padding。

 

解决的方法：

设置select的CSS width=input 的CSS width border padding

例：

<style>

　　input[type="text"]{width: 196px;}

</style>

<span>场馆名称:</span><input type="text" /><br>
<span>学校名称:</span><select name="" style="width: 200px; padding:1px;">
<option value="0">昌平四中</option>
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
</select>

 

IE下 背景图无法显示问题解决方法

由原来的写法：.header h1{line-height: 60px;padding-left:32px;background: url(../images/logo.png) no-repeat left -6px top 8px;}

改成：.header h1{line-height: 60px;padding-left:32px;background-image: url(../images/logo.png) ;background-repeat:no-repeat;background-position: -5px center;vertical-align: middle;}

转载于:https://www.cnblogs.com/yiran2016/p/6409876.html

总结

以上是生活随笔为你收集整理的input与select在不同浏览器上的宽度显示不同及IE背景图显示问题的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。