Search code examples
javascriptphpjqueryhtmlbootstrap-select

bootstrapselect close button is large in size


I need to solve the bootstrap select search and close button in view.I have uploaded image in below link

bootstrap select dropdown image

javascript

$('#class_list_for_fee_report').multiselect({

        enableClickableOptGroups: true,
        enableCollapsibleOptGroups: true,
        includeSelectAllOption: true,
        enableCaseInsensitiveFiltering: true,
        maxHeight: 350,

    });

html

<select class ="col-lg-3 col-xs-3" multiple="multiple" id="class_list_for_fee_report" value="multiselect-all">
   <?php foreach ($batchList as $batch):?>
        <option value="<?php echo $batch->getId(); ?>" selected><?php echo $batch->getBatchName(); ?></option>
 <?php endforeach; ?>
  </select>

Solution

  • Before i were used library is

    by replacing these library gives me the solution

      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css">