TelerikMultiSelect font size

1 Answer 138 Views
MultiSelect
gfkeogh
Top achievements
Rank 1
Iron
gfkeogh asked on 09 Feb 2022, 04:13 AM

Hello, I've just started using the TelerikMultiSelect for the first time and it's working well, except I can't change the font size of the list of selected items. I've applied Class="MyStyle" which defines a font-size value, but it has no effect. The attached image shows the selected items with font-size 14px that I can't override and they are smaller than the surrounding elements.

Inspecting the source I can see a nest of k-xxx styles which I tried overriding as an experiment, but nothing has any effect.

Thanks, Greg

1 Answer, 1 is accepted

Sort by
0
Matthias
Top achievements
Rank 5
Bronze
Bronze
Iron
answered on 09 Feb 2022, 06:01 AM | edited on 09 Feb 2022, 06:02 AM

Hi Greg, give this a try:


.k-chip-label {
	font-size: 16px;
}
.k-list-item {
	font-size: 16px;
}

regards Matthias

gfkeogh
Top achievements
Rank 1
Iron
commented on 09 Feb 2022, 06:17 AM

Sadly, those styles have no effect. I put them in the page's css file, then in the top of the page, then appended them in a style block to the app's index.html page, then nested them inside the component's Class=style, but there is change.

Greg

Tags
MultiSelect
Asked by
gfkeogh
Top achievements
Rank 1
Iron
Answers by
Matthias
Top achievements
Rank 5
Bronze
Bronze
Iron
Share this question
or