jQueryを使って `select2`で` li`の埋め込みを減らす方法は？

Question

私はselect2ライブラリを使用し、li jqueryを使用してパディングを変更しようとしました。 例：

$('#selectField').on('select2:open', function (e) { $('ul.select2-results__options li').css('padding', '4px'); 
}); 

しかし、上記のコードは機能しません。

Answer 1

は、あなたの場合には、次のコードを試してみてください

#select2-selectField-results li { 
      padding :4px 
     } 

Answer 2

を#selectField、特定のドロップダウンのためのCSS

ul.select2-results__options li { 
     padding :4px 
    } 

を使用して、それを試してみてください。

$('#selectField').on('select2:open', function (e) { 
    $('ul.select2-results__options > li').css('padding', '4px'); 
}); 

li要素がul.select2-results__optionsの子要素であるため、私はCSSのセレクタに>を追加しました。

プレーンなCSSが好きな人は、上記のjQueryではなく、以下のCSSを使用してください。

ul.select2-results__options > li { 
    padding: 4px; 
}