材料无线电标签内容不会应用Text Wrap CSS Angular

概述我有一个固定宽度的无线电组,我想要按钮标签.我已经尝试将类添加到html的每个部分,并为元素添加“white-space：normal”,但它只是忽略它.我怎样才能使它工作？ Here is an example of where I am at 如果我将这个CSS添加到顶级styles.scss文件,它按预期工作. .mat-radio-label-content { white-space 我有一个固定宽度的无线电组,我想要按钮标签.我已经尝试将类添加到HTML的每个部分,并为元素添加“white-space：normal”,但它只是忽略它.我怎样才能使它工作？

Here is an example of where I am at

如果我将这个CSS添加到顶级styles.sCSS文件,它按预期工作.

.mat-radio-label-content {  white-space: normal;}

但我想避免这种情况,并保持CSS仅与特定组件相关,而不是广泛应用.

解决方法 使用选择器将标签文本换行.

<style>        .wrap-mat-radio-label {            white-space: normal;        }    </style>    <mat-radio-group>        <mat-radio-button>                 <span >                {{ season }}            </span>        </mat-radio-button>    </mat-radio-group>

总结

以上是内存溢出为你收集整理的材料无线电标签内容不会应用Text Wrap CSS Angular全部内容，希望文章能够帮你解决材料无线电标签内容不会应用Text Wrap CSS Angular所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。