0

私はボタンを持っていて、それを非常に大きくしたいと思います。 

<button type="submit" class="button">Compra</button>

このクラスを含むCSSファイルを正しくリンクしています（すでにフィードバックがあります）。 

.title
{
    font-size:75px;
    text-align:center;
    color:blue;
    font-family:"Times New Roman",Georgia,Serif;
}

.subtitle
{
    font-size:50px;
    font-family:"Times New Roman",Georgia,Serif;
}

.text
{
    font-size:25px;
    font-family:"Times New Roman",Georgia,Serif;
}

.table
{
    font-size:25px;
    font-family:"Times New Roman",Georgia,Serif;
    border: 0px;
    text-align: left;
    border-spacing: 20px 10px;
}

.button
{
    width:280px;
    height:280px;
}

ただし、ボタンはボタンクラスのサイズの影響を受けません。私がこのようにすると： 

<body>
    <form action="Purchase.xhtml" method="post">
        <button type="submit" class="button">Compra</button>
        ... (other code)

動作しますが、ボタンがたくさんあるのでCSSファイルを使う必要があり、全部変えたいと思うかもしれないので、この場合はCSSファイルを変更するだけです。

ボタンクラスの幅/高さのプロパティがボタンのサイズに影響しない理由を誰かが知っていますか？

Jsfiddle：

http://jsfiddle.net/K2LLB/1

編集

Firefoxでは動作しますが、chromeでは動作しません。

4

1 に答える 1

0

ページ内の他のいくつかのスタイル宣言は、具体性または読み込み順序のいずれかによって、.button よりも優先されます。もっと多くのことを言うには、もっと多くのコードやあなたのデモページを見る必要があります.

于 2013-03-12T18:40:29.957 に答える