jquery - jQuery Mobile 按钮大小？

Question

我正在尝试使所有这些按钮的大小相同，由于文本，两个更大。

这可以使用CSS吗？

Answer 1

如果这是一个 jQuery Mobile 问题，则可以通过更改此类来更改按钮大小：

.ui-btn {
    width: 200px !important;
}

!importantjQuery Mobile 是必需的，因为我们需要覆盖默认值。

工作示例：http: //jsfiddle.net/Gajotres/NJ8q4/

现在，因为您使用的是标签按钮（我从您的上一个问题中使用它），您需要给它一个自定义 id 或类。如果您只更改 .ui-btn，您将更改应用程序中的每个按钮。所以最后这个 CSS 将与这个 HTML 一起工作：

HTML：

<a data-role="button" class="custom-btn">Level 5</a>
<a data-role="button" class="custom-btn">Level 4</a>
<a data-role="button" class="custom-btn">Level 3</a>
<a data-role="button" class="custom-btn">Level 2</a>
<a data-role="button" class="custom-btn">Level 1</a>                
<a data-role="button" class="custom-btn">Stretch</a>
<a data-role="button" class="custom-btn">Warm up</a>   

CSS：

.custom-btn {
    width: 200px !important;
}

第二个工作示例：http: //jsfiddle.net/Gajotres/NJ8q4/1/