0

巨大なはずの入力ボタンがあります。しかし、現在の CSS では横にしか伸びません。高さは触れません。

HTML:

<form action="feedback.cfm" method="POST">
    <input type="hidden" name="send" value="mail" />
    <input class="hugeButton" type="submit" value="Click Me To Send A SpreadSheet Report" />
</form>

CSS:

<style type="text/css">
    .hugeButton {
        width:100%;
        height:45%;
        font-size:x-large;
    }
    .hugeButton:hover {
        cursor:pointer;
    }
</style>

これで、クラスに追加border:noneすると.hugeButton、height プロパティが機能します。

私の質問は、入力ボタンの境界線が高さプロパティを「無効にする」のはなぜですか?

注: Google Chrome を使用しています。

4

2 に答える 2

1

ボタンの高さは先祖の高さに比例するため、ドキュメントに高さを与える必要があります。追加：

html,body,form {
    height:100%;
}

jsFiddle の例

于 2013-11-12T20:31:25.830 に答える