组合框图像背景重叠

Question

所以，我有一个固定的witdh和background图像的组合框来制作一个自定义箭头。

我想限制显示的字符数量，这样它就不会重叠background图像。

查看这个示例，看看发生了什么以及我想做什么。

@Edit我对此进行了测试，据我所知，在IE中不会发生这个问题。我不知道是不是因为我在用谷歌浏览器

Answer 1

在select{}定义中添加以下行:

text-overflow: ellipsis;
overflow: hidden;
width: 100px;
margin-right: 20px;
padding-right: 20px;

http://jsfiddle.net/zagzH/316/