0

ボタンのテキストと上の境界線の間のオフセットを減らす方法。行の高さを設定しようとしていますが、Firefox では機能しません: Fiddle

CSS:

input[type="button"]
{
    border-color: #D2D2D3 #79797A #4D4D4E #C0C0C1;
    border-style: solid;
    border-width: 1px;
    height: 16px;
    line-height: 7px;
    padding: 1px;
    width: 16px;
    background: #d8dadb;
}

HTML:

<input type="button" value="+" />
4

2 に答える 2

2

ハードな幅と高さを設定します。それらを取り出すか、自動に設定すると、ボタンがパディングの調整に応答します。

input[type="button"]
{
    border-color: #D2D2D3 #79797A #4D4D4E #C0C0C1;
    border-style: solid;
    border-width: 1px;
    line-height: 7px;
    padding: 1px;
    background: #d8dadb;
}​
于 2012-09-20T12:39:38.337 に答える
1

Firefox のバグ(機能)

http://www.cssnewbie.com/input-button-line-height-bug/

これは少し役立つかもしれません:

button::-moz-focus-inner {border: 0; padding: 0;}
于 2013-05-03T10:24:09.833 に答える