Ionic2 round segment-button

Ionic Framework ionic-v3
1

Hey, does anyone know how to change the css of a segment- button from square to round ?

without borders ?
…

image
Screen Shot 2016-07-14 at 9.17.39 AM.png944×212 25.7 KB

2

It’s a css trick that’s pretty much everywhere on the internet http://codeitdown.com/css-round-buttons/ or Google “css round button”

3

Thanks @itlr . For some reason they come out over. :
image

4

Try this sample code, it gives you nice round border. You can also fill it with color or anything else you need.

.yourClass {
  height: 120px;
  width: 120px;
  border: 2px solid red;
  border-radius: 50%;
}