0

当 md-select 与多个选项一起使用时,并且选择了多个选项,它使用逗号分隔它们。我想将自定义样式应用于正在显示的选定选项,因此希望摆脱自动添加的逗号字符。
我检查了这个stackoverflow问题,但它对我不起作用,接受的答案是通过使用伪选择器来定位这些字符(即逗号),:after但是 md-select 为我的代码生成的模板代码不能被这个伪定位selector :after,原因是逗号不是md-text's 内容的一部分。

下面是选择 md-select 值的生成模板代码

<md-select-value class="md-select-value" id="select_value_label_62"><span><div class="md-text ng-binding">
Option1
</div>, <div class="md-text ng-binding">
Option2
</div>, <div class="md-text ng-binding">
Option3
</div></span><span class="md-select-icon" aria-hidden="true"></span></md-select-value>

我想摆脱结束div标签后放置的逗号。逗号没有包含在我可以定位它们的任何 html 标记中,这让我陷入了这种情况,因为无论如何我都无法使用 CSS 设置它们的样式。
他们唯一的包装标签是md-select-value,这无助于定位那些稀疏放置的逗号。
任何帮助表示赞赏。谢谢!

4

1 回答 1

0

您可以使用md-selected-textAPI来自文档的演示)。请注意,还有一个用于md-selected-html.

这是一个使用分隔|符 char 和md-selected-text.

于 2020-07-10T21:17:36.840 回答