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 關注
- 4136 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消