这可能是一个简单的问题,但我并不熟悉ionic和css,所以有人能告诉我如何更改ionic按钮的文本颜色吗?
<div class="bottom-button" margin text-center>
<button ion-button color="energized">
Register
</button>
</div>
这里,按钮颜色是黄色的,文字颜色是黑色的。我想把文字颜色改成白色。
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>
<ion-button class="loginButton" color="bgColor" shape="round" id="loginButton (click)="loginAction()">
在你的 src -> theme -> variables.scss 中
--ion-color-bgColor: #1c1c1c;
--ion-color-bgColor-rgb: 28, 28, 28;
--ion-color-bgColor-contrast: #ffffff;
--ion-color-bgColor-contrast-rgb: 255, 255, 255;
--ion-color-bgColor-shade: #414040;
--ion-color-bgColor-tint: #050404;
.ion-color-bgColor {
--ion-color-base: var(--ion-color-bgColor) !important;
--ion-color-base-rgb: var(--ion-color-bgColor-rgb) !important;
--ion-color-contrast: var(--ion-color-bgColor-contrast) !important;
--ion-color-contrast-rgb: var(--ion-color-bgColor-contrast-rgb) !important;
--ion-color-shade: var(--ion-color-bgColor-shade) !important;
--ion-color-tint: var(--ion-color-bgColor-tint) !important;
}
使用颜色设置为primary的ion-button
:
<ion-button color="primary">Save</ion-button>
请在 theme/variables.scss
中修改以下内容:
--ion-color-primary-contrast: #edce12;
--ion-color-primary-contrast-rgb: 237 ,206 ,18;
$button-md-text-color: #ColorCode
$button-ios-text-color: #ColorCode