ボタンとボタン

Question

は、私のようなHTMLを持って提出するとのずれを引き起こしていただきました...

<input type="submit" name="submit" id="submit" value="Login"> 
<button name="forgotPassword" id="forgotPassword" type="button" class="linkButton">Forgot Password</button> 

CSSが

input[type=button], input[type=submit], button { 
    border: none; 
    background: $mainColor; 
    color: #fff; 
    padding: 5px 10px; 
    cursor: pointer; 
} 
input[type=button]:hover, input[type=button]:active, 
input[type=submit]:hover, input[type=submit]:active, 
button:hover, button:active { 
    background: $hoverColor; 
} 

のように見えます。しかし、私のボタンがずれているようですが...パスワードはalittleが高くなって忘れてしまいました...これを修正するにはどうしたらいいですか？

Answer 1

どう<input type="button">代わりの<button>を使用してはどうですか？

Answer 2

IEのログインボタンの高さ属性を少し高く変更することができます。しかし、forfoxの中で揃えられたokey。

input[type=button], input[type=submit], button { 
    border: none; 
    background: $mainColor; 
    color: #fff; 
    padding: 5px 10px; 
    cursor: pointer; 

} 
input[type=button]:hover, input[type=button]:active, 
input[type=submit]:hover, input[type=submit]:active, 
button:hover, button:active { 
    background: $hoverColor; 
    height:50px; 
}