select2 clear 选项显示不正确答案

【问题标题】：select2 clear option is not display properlyselect2 clear 选项显示不正确
【发布时间】：2021-10-26 08:59:38
【问题描述】：

我的 select2 插件有问题，清除选项显示不正确

css 没有被修改。可能是什么问题？

HTML

<div class="form-group <?PHP if(form_error('moa')) echo 'has-error'; ?>">
<div class="row">
    <label>Maitre d'ouvrage <span class="text-danger">*</span></label>
    <a href="<?=base_url('societe/ajouter?moa')?>" target="_blank"><p style="float:right;">Ajouter une société</p></a>
</div>
<select class="select-search-ajax" data-url="<?=base_url('societe/moa_json')?>" name="moa">
<?PHP
    foreach($societeMoa as $row) {
        if($chantier->moa==$row->id_contact) {
            ?>
            <option value="<?PHP echo $row->id_contact; ?>" selected="selected"><?PHP echo mb_strtoupper($row->nom_societe).' ('.$row->nom_contact.' '. $row->prenom_contact.')'; ?></option>
            <?PHP
        }
    }
    ?>
</select>
<?php echo form_error('moa','<span class="help-block">','</span>'); ?>
</div>

JS：

$(document).ready(function(){
$('.select-search-ajax').each(function(){
    $(this).select2({
        ajax: {
          url: $(this).attr("data-url"),
          dataType: 'json'
        }, 
        placeholder: 'Selectionnez...',
        allowClear: true,
      });
});
});

CSS：

.select2-selection--single .select2-selection__clear {
position: relative;
  cursor: pointer;
  float: right;
  font-size: 0;
  line-height: 1;
  margin-top: 2px;
  margin-left: 5px;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

正如我所说，我没有编辑 css。

【问题讨论】：

欢迎来到 Stack Overflow！访问help center，使用tour 了解内容和How to Ask。请首先>>>Search for related topics on SO，如果您遇到困难，请发布您的尝试的minimal reproducible example，并使用[<>] 记录输入和预期输出sn-p 编辑器。发布代码，而不仅仅是图片
您指的是向下箭头左侧的方形图标吗？
是的，正如我在 css 中看到的那样，它应该是一个十字架
显示相关代码和css
我编辑了我的帖子

标签： javascript icons jquery-select2

【解决方案1】：

我通过删除一些 css 解决了我的问题，在这个类 .select2-selection__clear:after 我删除了：content: '\ed6b'; font-family: 'icomoon';

在这个类中 .select2-selection__clear ：我把font-size: 0;改成了font-size: 1em;

【讨论】：