firefox/operaのボタン埋め込みの問題

Question

firefox/operaのボタン埋め込みの問題

私はHTMLのボタンに問題があります。私がOperaにボタンを置くと、それは中央に（垂直に）ありますが、Firefoxでは、ボタンのテキストはOperaのものより少し下に現れます。これは私のウェブサイトのデザインを破壊します。

ここにhtmlコードがあります：

<input type="submit" value="Log In" id="button-log" />

ここには、CSSコードです：

#button-log {
width:70px;
height:30px;
background-color:#1963FF;
}

Nothinはここで珍しい？

しかし、私は実際にログインのテキストがFirefoxでは表示されているが、Operaでは表示されない理由はわかりません。

誰かが助けてくれたら本当にすばらしいです。

0

追加された 06 2月 2012 〜で 05:36 著者 Sandro Vardiashvili

ビュー: 4

源

ru fr es pt de ar

FirefoxとOperaのどのバージョン？私はオペラのボタンの周りの黒い境界を除いて何の違いも見ていない...

追加された 06 2月 2012 〜で 05:44, 著者 animuson, 源

あなたはCSSリセットを使用していますか？ necolas.github.com/normalize.css をチェックすることをお勧めします。入力の種類によって、ブラウザ間で一貫性を持たせることができます。

追加された 06 2月 2012 〜で 05:54, 著者 elclanrs, 源

古典的な頭痛。この質問をチェックしてください：追加された 06 2月 2012 〜で 05:45, 著者 Kane Cohen, 源

2 答え

著者 Vivek Chandra · Answer 1 · 2012-02-06T06:00Z

これを試して..

#button-log {
    width:70px;
    height:30px;
    padding:3px 0;
    background-color:#1963FF;
}

著者 diEcho · Answer 2 · 2013-05-21T09:22Z

ボタンCSSに line-height を追加する

#button-log {
    line-height:24px;//or you can adjust accord to your need
    width:70px;
    height:30px;
    padding:3px 0;
    background-color:#1963FF;
}