是否可以在<asp:DropDownList>上使用<asp:LinkButton>打开ASP.NET？

Question

我一直在寻找方法来使用我的<asp:LinkButton>作为我的<asp:DropDownList>的下拉控件在我的asp.net网站上，但搜索结果总是建议自定义下拉列表的<"select">或<“选项”>。我的<asp:DropDownList>没有问题--只是当我在上面应用<CssClass="form-control">时，它没有显示箭头--箭头表示它确实是一个下拉列表(我猜它没有包含在我下载的css-模板中)：

这是我的代码：

<div class="col-md-6 pl-1">
  <div class="form-group">
    <asp:Label ID="Label4" runat="server" Text="Branch"></asp:Label>
    <asp:DropDownList ID="ddlBranch" runat="server" CssClass="form-control">
        <asp:ListItem>Calamba</asp:ListItem>
        <asp:ListItem>Tanauan</asp:ListItem>
        <asp:ListItem>San Pablo</asp:ListItem>
    </asp:DropDownList>
  </div>
</div>

因此，我在另一个<asp:DropDrownList>上所做的就是将它放在<div class="input-group">中，并在它旁边附加一个<asp:LinkButton>：

这是我的代码：

<div class="col-md-5 pr-1">
  <asp:Label ID="Label3" runat="server" Text="Account Type"></asp:Label>
    <div class="input-group">
        <asp:DropDownList ID="ddlAccountType" runat="server" CssClass="form-control" Height="2.7em" OnSelectedIndexChanged="ddlAccountType_SelectedIndexChanged">
            <asp:ListItem>Savings</asp:ListItem>
            <asp:ListItem>Current</asp:ListItem>
            <asp:ListItem>Checking</asp:ListItem>
        </asp:DropDownList>
        <div class="input-group-append">
            <div class="input-group-text">
                <asp:LinkButton ID="btnAccountType" runat="server" Font-Underline="False" ForeColor="Black" CssClass="nc-icon nc-minimal-down" />
            </div>
        </div>
       </div>
    </div>  

但当然，当我点击链接按钮，它只是重新加载页面，它不会打开下拉列表。我的问题是，是否真的有办法将我的<asp:LinkButton>连接到<asp:DropDownList>，还是没有？谢谢先进的你回答我的问题！

Answer 1

更新！

我不知道这是否可以被认为是一个解决方案，但它给了我我想要的结果，所以.我所做的就是我使用了，因为我下载的CSS模板没有样式，并且基于我从模板获得的

<style>在</head>之前的代码(注意:我刚刚从我拥有的模板的..form control类复制了它的css )：

<style>
      .accordion {
          background-color: #FFFFFF;
          border: 1px solid #DDDDDD;
          border-radius: 4px;
          color: #66615b;
          line-height: normal;
          height: auto;
          font-size: 14px;
          transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
          box-shadow: none;
      }
          .accordion:focus {
              border: 1px solid #9A9A9A;
              box-shadow: none;
              outline: 0 !important;
              color: #66615B;
          }
  </style>

然后我的<asp:DropDownList>代码是这样的：

<div class="col-md-5 pr-1">
     <asp:Label ID="Label3" runat="server" Text="Account Type"></asp:Label>
           <div class="form-group">
                 <asp:DropDownList ID="ddlAccountType" runat="server" CssClass="accordion" Height="2.68em" Width="100%">
                      <asp:ListItem>Savings</asp:ListItem>
                      <asp:ListItem>Current</asp:ListItem>
                      <asp:ListItem>Checking</asp:ListItem>
                 </asp:DropDownList>
           </div>
     </div>  

如果我下载的模板上的“. for control”类也具有下拉列表的样式，那么这不会是一个问题。

顺便说一句，这位编辑了我的问题以使我更体面的人，是值得尊敬的。实际上，我是这个平台的新手，所以我仍然不习惯它的一些功能。非常感谢!

谢谢你还@约翰的链接！我会去检查一下，以防万一我需要它作为将来的参考。