Question

我使用SASS方法设置我的Ionic应用程序的样式。

On可以通过修改存储在sass / _variables.sass中的变量来实现。

对于特定按钮，我现在想要在激活时（单击时）更改为文本颜色。但是，使用默认设置时，只能在Ionic Setup中单击时更改按钮的背景颜色。例如，你会发现：

$button-light-bg:                 $light !default;
$button-light-text:               #fff !default;
$button-light-border:             rgba(255,255,255, 0) !default;
$button-light-active-bg:          $light !default;
$button-light-active-border:      $light !default;

如何在Ionic中添加其他变量以将文字颜色更改为黑色？例如：

$button-light-active-text:        #000 !default; // does not work

现在，这个按钮需要在某个地方使用？我可以在Ionic Library中修改它吗？

Answer 1

您可以添加一个额外的button.scss文件，并使用@import "pathTo/button.scss"

在ionic.app.scss文件中链接此文件

现在在你的button.scss中你可以写：

.button.button-light.active, .button.button-light.activated {
  color : #000
}

或使用变量：

.button.button-light.active, .button.button-light.activated {
  color : $button-light-active-text
}

并在ionic.app.scss中添加它 $ button-light-active-text＃000

!deafult不是必需的。它仅表示：如果在属性

之前未设置任何值，则使用此值

如何在Ionic中使用SASS更改活动按钮文本的颜色？

1 个答案: