84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
선택 메뉴에 마우스를 올리면 X '지우기' 버튼 아래에 텍스트가 겹치는 문제가 발생합니다. 오른쪽에 패딩을 추가하는 것은 아이콘을 상자 밖으로 밀어내기 때문에 해결책이 아닙니다. 저는 https://select2.org/ 및 Bootstrap 5
으아아아 으아아아
다음 CSS를 추가하세요.
https://jsfiddle.net/8n23bd6q/
여기에서 문서를 따르세요. Select2 Documentation. width: 'style' 和标签 <select> 中的内联样式来扩展 select2 宽度。这里我将select的宽度设置为200px
width: 'style'
<select>
200px
그런 다음 Chrome Devtool을 사용하여 select2의 DOM 구조를 살펴보면서 다음 CSS를 추가하면 X 버튼이 텍스트와 겹치지 않게 만들 수 있다는 것을 발견했습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
다음 CSS를 추가하세요.
으아아아https://jsfiddle.net/8n23bd6q/
여기에서 문서를 따르세요. Select2 Documentation.
를 사용할 수 있습니다.width: 'style'和标签<select>中的内联样式来扩展 select2 宽度。这里我将select的宽度设置为200px그런 다음 Chrome Devtool을 사용하여 select2의 DOM 구조를 살펴보면서 다음 CSS를 추가하면 X 버튼이 텍스트와 겹치지 않게 만들 수 있다는 것을 발견했습니다.
으아아아