5

Firefox (最新ビルド) に問題があります。ボタン全体に広がる BUTTON 要素内に子要素を配置する必要があります。しかし、私はこれを取得します: JSFIDDLE

ここに画像の説明を入力

Chromeはそれを表示します(正しいと思います):

ここに画像の説明を入力

CSSは次のとおりです。

button{height:100px;background:orange;padding:0;border:none;}
button span{display:block;height:100%;background:red}
button::-moz-focus-inner {padding:0;margin:0}

そしてマークアップ:<button><span>test</span></button>

JSFIDDLE

4

2 に答える 2

0

絶対配置を使用して、span塗りつぶしを次のようにすることができますbutton

button {
    position: relative;
    ...
}

button span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    ...
}

ここでフィドル

于 2013-09-06T14:20:51.917 に答える
0

私には Gecko のバグのように見えます。https://bugzilla.mozilla.org/show_bug.cgi?id=913759に提出しました

于 2013-09-07T05:44:48.870 に答える