我正在使用 ASP .NET Core 和 Razor 頁(yè)面開(kāi)發(fā)應(yīng)用程序。在一頁(yè)上，我有一些簡(jiǎn)單的下拉列表，其中只有兩個(gè)元素，我希望將其寬度設(shè)置為僅容納最大的元素，而不是更大的元素，我已使用 max-width 屬性設(shè)置了它們。當(dāng)我單擊其中一個(gè)選定組件時(shí)，它會(huì)擴(kuò)展為比我設(shè)置的值更寬，并在獲得焦點(diǎn)時(shí)保持這種狀態(tài)。當(dāng)它失去焦點(diǎn)時(shí)，它會(huì)恢復(fù)到我想要的大小。選擇組件的定義如下（它位于表內(nèi)）：    <tr>        <td>            <div>                <label>Order: </label>                <select name="tenseorder" class="selectA" asp-items="@Model.tenseorder" asp-for="@Model.seltenseorder"></select>            </div>        </td>    </tr>創(chuàng)建的下拉列表中的值列出如下：    public List<SelectListItem> tenseorder                          // What order does the user want to practice in?        {            get            {                return new List<SelectListItem>                {                    new SelectListItem { Value = Convert.ToString(0, CultureInfo.InvariantCulture), Text = "sequential" },                    new SelectListItem { Value = Convert.ToString(1, CultureInfo.InvariantCulture), Text = "random"                 }            };        }    }CSS 看起來(lái)像這樣（除了 max-width 參數(shù)，CSS 文件中的所有內(nèi)容都是我從所做的研究中嘗試過(guò)的修復(fù)）：/* Drop-down lists */    .selectA {        max-width: 110px;        padding: 0px;        margin: 0px;        display: inline-block;        vertical-align: top;        overflow-y:hidden;        white-space: normal;    }    .selectA select:focus {        max-width: 110px;        padding: 0px;        margin: 0px;        display: inline-block;        vertical-align: top;        overflow-y: hidden;        white-space: normal;    }下面的屏幕截圖顯示了頁(yè)面上選擇的組件所發(fā)生的情況 - 您可以看到所選的左側(cè)組件比其他兩個(gè)組件更寬：我已經(jīng)閱讀了很多關(guān)于重新調(diào)整選擇組件大小的答案以及很多關(guān)于 css 語(yǔ)法的答案，正如你從上面的 css 中看到的，我已經(jīng)嘗試了很多這些，例如此處、此處、此處、此處和此處 ，但到目前為止還沒(méi)有任何效果。我對(duì)此和自學(xué)非常陌生，所以假設(shè)我遺漏了一些明顯的東西。誰(shuí)能告訴我如何配置選擇組件，使其在選擇時(shí)不會(huì)改變寬度？