Question

我有一个按钮，我想让它变得非常大：

<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。

Answer 1

页面中的其他样式声明优先于.button，可以是特异性或加载顺序。我们需要查看更多代码或您的演示页面来说明更多内容。

类属性未应用于按钮

1 个答案: