How to give CSS to buttons in ionic popup

Hi! I am using ionic $popup and adding buttons in it by following code :

template: ‘’,
title: ‘Pick a color’,
scope: $scope,
buttons: [
text: ‘red’,
onTap: function(e) {
return ‘awesome’; }

How can I add background colour to these buttons?

Check this codepen:

You must Add cssClass to popup and type to the button

Then in css, overwrite styles

You also can do your own custom “types” not only ionic button types


You do not need cssClass. Only “type” in button, and then do your own style. I updated codepen

1 Like