jQuery를 사용하여`select2`에서`li`에 대한 패딩을 줄이는 방법은 무엇입니까?

Question

select2 라이브러리를 사용하고 jquery를 사용하여 li 패딩을 변경하려고했습니다. 예 :

$('#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 
    } 

를 사용하여보십시오. li 요소가 ul.select2-results__options의 자식 요소이기 때문에

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

나는 CSS 선택기에 >을 추가했습니다.

일반 CSS를 선호하는 경우 위의 jQuery 대신 아래 CSS를 사용하십시오.

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