angular - mat-select 多个 rtl 方向显示反向选中项文本

Question

我Mat-select与multiple选项一起使用

我使用自定义订单管道订购我的数据。

我设置direction为rtl,

mat-select 以正确的顺序显示项目，但显示所选项目的内部文本向后显示。

例如 ：

输入中的显示文本：

ג,ב,א 

代替

א,ב,ג 

我的垫子选择示例

任何想法？

标签： angularangular-materialright-to-left

Answer 1

这是希伯来语/rtl 的 css 修复

/*mat select rtl*/
.mat-form-field-label, .mat-select-value{text-align: right}
.mat-option { direction: rtl; }
.mat-option-text {margin-right: 10px;text-align: right; }