我有一个.vbhtml页面，并且要求我在其上放置一个下拉列表。我们还想开始对旧版UI进行现代化改造，因此有人要求我对下拉式MDC进行样式设置。当前，我们正在使用MDL或普通的旧式手动CSS进行样式设置。我们的项目不使用npm，如果可能的话，我想避免添加它。

所以，我添加了

<script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" />

.vbhtml文件的顶部（在@ModelType之后，再进行其他操作），然后进一步向下添加：

<div class="mdc-select">
    <div class="mdc-select__anchor">
        <i class="mdc-select__dropdown-icon"></i>
        <div class="mdc-select__selected-text"></div>
        <span class="mdc-floating-label">Customer</span>
        <div class="mdc-line-ripple"></div>
    </div>
    <div class="mdc-select__menu mdc-menu mdc-menu-surface">
        <ul class="mdc-list">
            <li class="mdc-list-item mdc-list-item--selected" data-value="" aria-selected="true"></li>
            @For Each item In Model.Items
            @<li class="mdc-list-item" data-value="@item.ID">@item.CustomerName</li>
            Next
        </ul>
    </div>
</div>

但是，当我转到页面时，尽管有一个MDC下拉列表，但是单击它不会下拉选择列表。单击它似乎根本不起作用。查看页面的源代码，我可以看到它已生成：

<div class="mdc-select">
    <div class="mdc-select__anchor">
        <i class="mdc-select__dropdown-icon"></i>
        <div class="mdc-select__selected-text"></div>
        <span class="mdc-floating-label">Customer</span>
        <div class="mdc-line-ripple"></div>
    </div>
    <div class="mdc-select__menu mdc-menu mdc-menu-surface">
        <ul class="mdc-list">
            <li class="mdc-list-item mdc-list-item--selected" data-value="" aria-selected="true"></li>
            <li class="mdc-list-item" data-value="1273">ITEM 1</li>
            /* ... */
        </ul>
    </div>
</div>

这似乎是正确的（/* ... */是我的；其余项目都正确存在）。

有人知道我在做什么错吗？我最好的猜测是我没有在样式表中添加以下内容：

@import "@material/list/mdc-list";
@import "@material/menu-surface/mdc-menu-surface";
@import "@material/menu/mdc-menu";
@import "@material/select/mdc-select";

，我没有这样做，因为我没有使用NPM，并且我没有在本地安装这些样式。如果是这种情况，该如何解决而不在本地安装样式？