Серверный компонент Blazor не применяет стили CSS к элементам html ⇐ C#

[Anonymous]

Я новичок в Blazor, у нас есть серверное приложение Blazor, я создал компонент с режимом InteractiveServer.
Я пытаюсь создать автоматически заполняемое текстовое поле с пользовательскими стилями CSS, но по какой-то причине стили не затрагиваются вообще .
Вот как выглядит код: независимо от того, какой цвет фона я задаю, Datalist не затрагивается и отображает стили по умолчанию.

Код: Выделить всё

datalist {
position: absolute;
background-color: white;
border: 1px solid blue;
border-radius: 0 0 5px 5px;
border-top: none;
font-family: sans-serif;
width: 350px;
padding: 5px;

}

option {
background-color: white;
padding: 4px;
color: blue;
margin-bottom: 1px;
font-size: 18px;
cursor: pointer;
}



Internet Explorer
Chrome
Safari
Microsoft Edge
Firefox

Я пробовал добавить !important ко всем свойствам CSS, но все равно не помогло.
Мы хотим настроить список данных в соответствии с нашими потребностями.

Подробнее здесь: https://stackoverflow.com/questions/784 ... l-elements