如何更改活性离子标签的颜色？

4 回答

• 4

  像这样添加样式到 .tab-item-active 类

  .tab-item-active {
      background:green;
  }
  

  看到这个codepen：http://codepen.io/edisonpappi/pen/aWvmjz

  回复于 2024-05-03T22:12:05+08:00
• 0

  对我来说，为“.activated”类设置CSS规则是有效的 .

  .activated {
     background-color: blue;
  }
  

  此类将立即应用于所选的选项卡项 .

  回复于 2024-05-03T22:12:05+08:00
• 2

  这可以通过以下方式完成：

  Ionic有以下css：

  .tab-item.tab-item-active, .tab-item.active, .tab-item.activated {
      opacity: 1;
  }
  

  你需要覆盖它如下：

  .tab-item.tab-item-active, .tab-item.active, .tab-item.activated {
      color: red;
  }
  

  回复于 2024-05-03T22:12:05+08:00
• 0

  您也可以在 theme/variables.scss 中使用SCSS $tabs-ios-tab-icon-color-active var，例如：

  // App iOS Variables
  // --------------------------------------------------
  // iOS only Sass variables can go here
  
  $tabs-ios-tab-icon-color: #00f;
  $tabs-ios-tab-icon-color-active: #f00;
  
  
  // App Material Design Variables
  // --------------------------------------------------
  // Material Design only Sass variables can go here
  
  $tabs-md-tab-icon-color: #00f;
  $tabs-md-tab-icon-color-active: #f00;
  

  这会给你这样的东西：

  

  更多信息，请查看here .

  希望能有所帮助 .

  回复于 2024-05-03T22:12:05+08:00