gpt4 book ai didi

css - 个性化按钮切换组( Material 2)

转载 作者:太空狗 更新时间:2023-10-29 18:19:16 26 4
gpt4 key购买 nike

我将此按钮组切换为 Material 2( Angular 5)

<div class="col-md-4">
<label>Days of Week</label>
<mat-button-toggle-group multiple formControlName="days_service" #group="matButtonToggleGroup" >
<mat-button-toggle [value]="days.value" *ngFor='let days of days_service'>
{{ days.alias }}
</mat-button-toggle>
</mat-button-toggle-group>
</div>

这是我的按钮组

但是,我想把它改成那样

最佳答案

我解决了这个问题重写自定义指令

mat-button-toggle {
border: 1px solid #f28628;
border-radius: 4px;
margin-left: 3px;
margin-right:3px;
width: 30px;
height: 30px;
font-family: 'Nunito Semibold', sans-serif;
font-size: 14px;
font-style: bold;
}

.mat-button-toggle-disabled {
border: 1px solid #c5c0c7;
background-color: #e1dde5;
}

div.center-text {
margin-left: -8px;
margin-top: -3px;
}

关于css - 个性化按钮切换组( Material 2),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47976932/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com