5

<button> と <a> を同じに見えるようにしたいと思います。追加を提案する同様の投稿を見つけました

box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;

ただし、Firefox で表示すると、まだわずかな高さの違いがあります。これがjsfiddleです。何か助けはありますか？

4

2 に答える 2

3

http://jsfiddle.net/H3HK8/22/

button::-moz-focus-inner,
.btn::-moz-focus-inner
{
    border: 0;
    padding: 0;
}

これにより、中間のものが修正され、まだ最終的な入力に取り組んでいます。

ここからhttp://www.aheadcreative.com/removing-unwanted-button-padding-in-firefox/

アップデート

私はあなたがこのhttp://www.cssnewbie.com/input-button-line-height-bug/#.USzRd6Wcmzcの犠牲になっている最後の例を疑っています

この例http://jsfiddle.net/H3HK8/24/では、 !important が追加されていても、行の高さが効果がないことがわかります。

そして、このルールを回避しようとしているときに、状況をもう少し悲惨なものにする何かを発見しました: ブラウザー定義の !important ルールは、作成者定義の !important ルールによって覆すことはできません。このルールは、CSS ファイルやインライン スタイルなどによって覆すことはできません。

于 2013-02-26T15:13:22.067 に答える
1

すべての CSS プロパティが同じであることを確認する必要があります。したがって、ボックスのサイズ変更 (それ自体は実際には何もしません) だけでなく、パディング、マージン、行の高さ、フォントサイズ、背景なども同様です。

于 2013-02-26T15:00:03.933 に答える