제한 할 수 없습니다. <option> 너비

Question

일부 데이터베이스 필드로 채워진 선택 상자가 있습니다. 일부 필드는 너무 길기 때문에 option 너비가 끝나지 않습니다. 너비를 제한하고 text-overflow 속성을 사용하여 줄임표를 표시하고 싶습니다. 그러나 그것은 작동하지 않습니다. 내가 JS없이이를 수있는 방법을

select option { 
    display: block; 
    text-overflow: ellipsis; 
    max-width: 100px; 
} 

어떤 생각을 :

이것은 내가 할 노력하고 있어요 어떻게?

많은 감사합니다.

Answer 1

이 링크에는 이와 비슷한 질문이 있습니다. Chrome 및 Safari에서는 줄임표를 표시 할 수 없으며 -webkit-appearance : none을 사용해야 할 수 있습니다.

Ellipsis for overflow text in dropdown boxes