素材巴巴 > 程序开发 >

ionic5 angular12 之 ion-segment更改点击时的背景颜色以及字体颜色

程序开发 2023-09-12 11:56:42

要求:更改segment初始样式

初始样式如图:

 img 

要求效果图如图:

img

话不多说上代码

 ion-segment-button {

   --background-checked: #03A9F4;

   --border-color: #3880ff;

   --border-radius: 2px;

   --border-style: solid 1px #03A9F4;

  // --border-width: 1px;

   --color: #3880ff;

   --color-checked: #fcfcfc;

   --indicator-color: #03A9F4;

   --indicator-height: 0px;

   --border-left: solid 1px #03A9F4;

 }

ps:新版本ionic代码样式或多或少都有变化,想要修改看文档即可。


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。