Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to change Ionic Button text color

Tags:

html

css

ionic3

It may be silly question but I am not much familiar with ionic and css, so Can any one tell me how to change text color of the ionic button?

<div class="bottom-button" margin text-center>
     <button ion-button color="energized">
       Register
     </button>
</div>

Here, Button color is yellow and text color is black. I want to change text color to white.

like image 526
Riddhi Avatar asked May 08 '18 07:05

Riddhi


People also ask

How do you change the color of an Ionic icon?

Specify the icon color by applying the color CSS property on the ion-icon component.


1 Answers

fix your code with style

    <div class="bottom-button" margin text-center>
         <button ion-button style="color:red">
           Register
         </button>
    </div>

OR use css:

button{
color:red
}
<div class="bottom-button" margin text-center>
     <button ion-button>
       Register
     </button>
</div>
like image 168
לבני מלכה Avatar answered Oct 01 '22 14:10

לבני מלכה