使下拉的宽度更大答案

【问题标题】：making the width of drop down bigger使下拉的宽度更大
【发布时间】：2021-09-20 12:49:15
【问题描述】：

我的下拉列表框页面上有以下代码。无论我如何尝试，我都无法使下拉框的宽度变大。以下是我的代码：

<div class="form-group row">
  <div class="col-sm-1">&nbsp;</div>
  <label for="inputTitles" class="col-sm-3 col-form-label"><asp:Label ID="lblDocType" runat="server"></asp:Label></label>
  <div class="col-sm-8">
    <select class="form-control" aria-label="Default select example">
      <option selected>--Please Select a title from the list-</option>
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
    </select>
  </div>
</div>

我试图把这个样式表放在asp:DropDownList 类中：

<style>
.ddlwidth {
  width: 1000px !important;
}
</style>

<asp:DropDownList class="form-control ddlwidth" ID="ddlDocType" runat="server" OnSelectedIndexChanged="DocType_Changed" AutoPostBack="true" Width="700" >

那也没用。如果我删除form-control 然后增加dropdownList 的宽度，那么宽度会变大。原因是我不想删除form-control 类，因为我想保留form-control 类的外观。

如何在不删除form-control 类的情况下增加dropdownlist 框的宽度？

下面是我网页上的样子：

【问题讨论】：

在select 元素上使用w-100
如何在选择元素上使用 w-100？你能给我举个例子吗？
编者注：不要拒绝社区成员必须通过同行评审的良好编辑。作为帖子作者，您可以单方面批准/拒绝编辑这一事实并不意味着您应该一时兴起。在此期间，我重新应用了被拒绝的编辑——请不要再这样做了。如果您想了解更多信息，请参阅FAQ on Suggested Edits。
@rimi 将其用作<select class="w-100">

标签： css asp.net bootstrap-4

【解决方案1】：

在你的样式表中试试这个：

 .form-control {
        width: 394px;

然后：

<select class="form-control" aria-label="Default select example">
  <option selected>--Please Select a title from the list-</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

【讨论】：