html如何设置select文字过长时已省略号显示

Question

出现以下问题:当option中文字过长时,select中的文字显示不全,想实现最后以省略号显示.
问题如图:

Answer 1

在样式里面加几个属性设置：
例：
.selectClass{
width : 100px;
border : 1px #12a3e4 solid;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}