CSS 写出的样式里面，Input出来的样式在IE11上面和Opera41 里面表现得不是很一致；input用line-heigh居中定位的话，因为高度设成了50PX; 所以line-heigh也是设的50PX，但是不知道为什么input在OPERA41上面会出现向下偏移的现像，而邻近元素<span>居中却很正确？而在IE中比较正常谢谢指教CSS样式如下@charset "utf-8";
html,body{margin:0;padding:0;}
header
{
height: 50px;
background:url(images/header.png) no-repeat left ;
background-position: 35px;
background-color: #228ABF;
background-size: 28px 28px;
}
header div
{
float: right;
margin-right: 80px;
color: #fff;
line-height: 50px;
}
header div input
{
border-radius: 15px;
border-style: none;
width: 300px;
height: 25px;
margin-right: 30px;
}
header div span
{
float: right;
background: url(images/login.png) no-repeat left;
width: 50px;
font-size: 15px;
text-align: right;
display: block;
}html代码<body>
<header>
<div>
<input type="text"></input>
<span>登陆</span>
</div>
</header>偏移图ie11Opera 41
- 1 回答
- 1 关注
- 4087 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消