如何给DropDownList控件设置样式（ASP.NET MVC）

最新推荐文章于 2024-06-18 14:37:18 发布

Memory_Lily

最新推荐文章于 2024-06-18 14:37:18 发布

阅读量4.3k

点赞数 1

分类专栏：网站开发文章标签： asp.net mvc dropdownlist

本文链接：https://blog.csdn.net/qq_31798675/article/details/51470231

版权

本文讲述了如何在ASP.NET MVC中使用jQuery结合BootStrap来美化DropDownList控件的样式，使其更加整洁美观。通过给<select>标签添加class='form-control'，实现了默认样式的改进。

摘要由CSDN通过智能技术生成

应学校领导要求，要给后台管理系统添加一个搜索功能，提供可选择选项。我选择使用DropDownList去实现，熟悉.net控件的都知道，DropDownList的样子非常丑，不论是边框长宽还是里面的下拉三角形，都给人很不舒服的感觉，作为一个爱美的女生，怎么可能容忍呢！！！然后就开始各种查资料找解决方法，先贴没有美化的样子

下拉框的长度是根据选择项里长度最大的文本决定的，这样真的很丑有没有！

下面是代码，

<liclass="list-group-item">
                @{
                    if (@ViewBag.key !="")
                    {
                        <inputtype="text" name="key" value=@ViewBag.keyclass="form-control no-padding-hr" style="border-radius:0;" />
                    }
                    else