Ionic2圆形细分按钮

时间:2016-07-22 13:27:46

标签: html css angular ionic2

有没有人知道如何将段按钮的css从正方形更改为圆形?

enter image description here

我尝试使用普通css,但当ionic2尝试转换segment-activated上的按钮时,它会变得很奇怪这是一个Plunker示例

<ion-segment [(ngModel)]="date" danger>
  <ion-segment-button value="1">
    1
  </ion-segment-button>
  <ion-segment-button value="2">
    2
  </ion-segment-button>
  <ion-segment-button value="3">
    3
  </ion-segment-button>
</ion-segment>

正常css我失败了。选择另一个按钮时会很奇怪 enter image description here

1 个答案:

答案 0 :(得分:2)

找到一个黑客去做。 NB 这是一个黑客攻击,而且这种风格并非如此。

Css解决方案:将其放在(* module Error *) type t = .. (* module Web *) type Error.t += Http of int (* ex. 404 *) (* module Tempfile *) type Error.t += Diskfull of Path.t (* module ErrorHandler *) let print_error (e : Error.t) = match e with | Web.HTTP stat -> ... | Tempfile.Diskfull path -> ... | ... 文件中

.scss