select2没有响应,宽度大于容器

我的ASP.NET页面中的select2下拉列表的宽度有问题.当我尝试使用设备的Chrome模拟器屏幕查看页面时,select2大于包含的div,而在右侧它会离开屏幕.我看到代码检查它自动添加了一个我没有在任何地方设置的元素中的样式属性.我做的唯一操作是$("#ContentPlaceHolderContent_mySelect").select2();在document.ready函数()中设置.我的select2下拉列表包含在一个块中:

   Select structure
   

      

   

如何删除style ="width"选项？

Select2添加了类.select2.您可以使用css覆盖脚本执行的操作.在这里,我将select2设置为100% width使用!important.如果我不这样做,那么select2的宽度为24px.

您可以select2使用某些原则进一步自定义生成的其他类.

$(document).ready(function(){
$("#mySelect").select2();
});

.select2 {
width:100%!important;
}

   Select structure
   

      

   

$('select').select2({
    width: '100%'
});

.select2-selection { overflow: hidden; }
.select2-selection__rendered { white-space: normal; word-break: break-all; }