I have an md-select in my form with multiple options (same as demo in Angular Material site). It shows a comma separated list of selected options in its input field. Is there any way to change separator? (for example change comma to star or another UTF-8 character).
问问题
1613 次
1 回答
2
你可以用纯 CSS 做一些事情。您应该使用隐藏逗号visibility: collapse
,然后,您可以添加带有:after
或:before
伪元素的 Unicode 图标。
HTML
<md-select class="my-select" ng-model="vm.selectedItem" multiple>
<md-option ng-value="item.id" ng-repeat="item in vm.items">{{ item.name }}</md-option>
</md-select>
CSS
.my-select[multiple] .md-select-value span:first-child {
visibility: collapse;
}
.my-select[multiple] .md-select-value .md-text {
display: inline-block !important;
visibility: visible;
}
.my-select[multiple] .md-select-value .md-text:not(:last-child):after {
content: '\2605'; /* star */
margin: 0 -5px 0 5px;
}
那里有你可以使用的字形列表。
此外,您可以根据需要添加带有 css 的字体真棒图标。
于 2017-10-14T18:16:24.967 回答