2015-11-22 107 views
1

我使用离子框架,我试图创建一个带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> 
+0

如果要为所有按钮更改此设置,请覆盖Sass默认设置。如果没有,只需在该特定页面上添加'ion-view> ion-content> button.button.button-full'的自定义样式? – Huey

回答

2

.button.customBtn{ 
 
    width:150px; 
 
}
<button class="button button-dark customBtn"> 
 
text </button>


试图建立一个固定宽度的按钮上的离子应用程序时,该代码为我工作。

+1

Este es el Stack Overflow enInglés。 Síno lo sabes escribir,mejor participar de [laversiónenEspañol](https://es.stackoverflow.com/) – brasofilo

1

自定义大小可能不负责让一组风格与高度和宽度标签或创建一个CSS,这将更加舒适与同所有按钮使用格式。

+0

更好地为这些按钮制作自定义课程 – Zorgatone