我正在使用 ASP .NET Core 和 Razor 頁面開發應用程序。在一頁上，我有一些簡單的下拉列表，其中只有兩個元素，我希望將其寬度設置為僅容納最大的元素，而不是更大的元素，我已使用 max-width 屬性設置了它們。當我單擊其中一個選定組件時，它會擴展為比我設置的值更寬，并在獲得焦點時保持這種狀態。當它失去焦點時，它會恢復到我想要的大小。選擇組件的定義如下（它位于表內）：    <tr>        <td>            <div>                <label>Order: </label>                <select name="tenseorder" class="selectA" asp-items="@Model.tenseorder" asp-for="@Model.seltenseorder"></select>            </div>        </td>    </tr>創建的下拉列表中的值列出如下：    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 看起來像這樣（除了 max-width 參數，CSS 文件中的所有內容都是我從所做的研究中嘗試過的修復）：/* 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;    }下面的屏幕截圖顯示了頁面上選擇的組件所發生的情況 - 您可以看到所選的左側組件比其他兩個組件更寬：我已經閱讀了很多關于重新調整選擇組件大小的答案以及很多關于 css 語法的答案，正如你從上面的 css 中看到的，我已經嘗試了很多這些，例如此處、此處、此處、此處和此處 ，但到目前為止還沒有任何效果。我對此和自學非常陌生，所以假設我遺漏了一些明顯的東西。誰能告訴我如何配置選擇組件，使其在選擇時不會改變寬度？