如何更改离子按钮文本的颜色

如何更改离子按钮文本的颜色

本文介绍了如何更改离子按钮文本的颜色的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

这可能是一个愚蠢的问题,但是我对Ionic和CSS不太熟悉,所以有人可以告诉我如何更改Ionic按钮的文本颜色吗?

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.

推荐答案

使用 style

fix your code with style

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

或使用CSS:

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

这篇关于如何更改离子按钮文本的颜色的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-23 00:19