ここには、CSSコードです: #button-log"> ここには、CSSコードです: #button-log"> ここには、CSSコードです: #button-log" />

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
FirefoxとOperaのどのバージョン?私はオペラのボタンの周りの黒い境界を除いて何の違いも見ていない...
追加された 著者 animuson,
あなたはCSSリセットを使用していますか? necolas.github.com/normalize.css をチェックすることをお勧めします。入力の種類によって、ブラウザ間で一貫性を持たせることができます。
追加された 著者 elclanrs,
古典的な頭痛。この質問をチェックしてください: 追加された 著者 Kane Cohen,

2 答え

これを試して..

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

ボタン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;
}
0
追加された