Question

我使用离子框架，我正在尝试创建一个带有3个全宽按钮的选项卡，它将覆盖整个屏幕。我使用了关于宽度的按钮完整选项但是如何更改高度？

HTML

<ion-view view-title="Rating">
    <ion-content>
        <button class="button button-full button-balanced">
            What's good
        </button>
        <button class="button button-full button-assertive">
            What's bad
        </button>
        <button class="button button-full button-positive">
            Help us improve
        </button>
    </ion-content>
</ion-view>

Answer 1

＆＃13;

.button.customBtn{
    width:150px;
}

＆＃13;

<button class="button button-dark customBtn"> 
text </button>

＆＃13;

在尝试将固定宽度设置为Ionic应用程序上的按钮时，此代码对我有用。

Answer 2

自定义大小可能不是负责任的，如果它是必需的，让我们在该标签中设置高度和宽度的样式，或者创建一个css，在所有具有相同格式的按钮中使用它会更加舒适。

离子中创建自定义大小按钮

2 个答案: