Question

颜色属性在离子2中不起作用。颜色在普通IONIC标签中起作用，但在HTMl标签中起作用。你能帮忙吗？代码写在下面。

<ion-content>
<div class="page-home">
<h1 color="secondary">LOGO</h1>
<br/>
<br/>
<p color="danger">Sign in with social media account</p>
<div id="socialLogin">
  <img src="assets/icon/fb.svg" />
  <img src="assets/icon/tw.svg" />
  <img src="assets/icon/goo.svg" />
</div>
<ion-list>
  <ion-item>
    <ion-label floating color="secondary">Username</ion-label>
    <ion-input type="text"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label floating>Password</ion-label>
    <ion-input type="password"></ion-input>
  </ion-item>
</ion-list>
<br/>
<br/>
<button ion-button full icon-left> <ion-icon name="log-in"></ion-icon>Login</button>

<button ion-button clear>Register</button>/
<button ion-button clear>Forgot Passowrd</button>
 </div>

</ion-content>

Answer 1

在元素上使用ion-text指令然后应用颜色。它会起作用。

在你的情况下它应该是这样的。

<h1 ion-text color="secondary">LOGO</h1>
<!-- and -->
<p ion-text color="danger">Sign in with social media account</p>

Answer 2

离子成分的color属性为@Input s，因此它们只能用于离子成分。请参阅Ionic文档，例如：https://ionicframework.com/docs/api/components/button/Button/#input-properties

常规html使用[style.color]="regular css color / name or hash"。

如果您想使用“辅助”，则需要在component.ts文件中声明它。

颜色属性在离子内容标签内的标题中不起作用

2 个答案: