Predefined CSS not working ionic3

I have add
button ion-button color=“light” Light button
in home.page.html but it not working

and the result is

ionic_issue2

I think you are missing main.css inside your www/build folder. If there is no main.css then it is bug so you have to downgrade your app-script version.
first run ‘npm uninstall @ionic/app-scripts’ and run ‘npm install @ionic/app-scripts@3.2.0’.
After that delete node_modules folder and reinstall your node_modules. and final step is rebuild your application.

yes you are right there is no build folder under www directory,
but as per your instruction i tried but the problem is still same.

Essayez <ion-button color="light">light</ion-button>

1 Like

if you have several buttons you can do
home.page.html

<ion-button class="button1">button1</ion-button>

home.page.css

.button1{ color: light; ect.....}

like that you can apply different styles to each button

1 Like