选择标记中的max-width在IE中不起作用

Egy*_*din 3 html css internet-explorer

我有一个选择标签,...像这样,..

<select style="max-width:150px"> 
     <option value='1'>bla bla bla bla bla bla bla ...(let's say a long words)
     ...... 
</select>
Run Code Online (Sandbox Code Playgroud)

它适用于FF,..但不是,...比我更改max-width与宽度style="width:150px"
它在两者中都有效,但是,...
在ie ...文本被截断

有人可以帮帮我吗?我做错了吗?有没有更好的方法来解决它?

抱歉,如果我的英语不好:(

And*_*est 6

这篇文章可以解释为什么max-width在你正在使用的IE版本中不起作用:

Internet Explorer中的最大宽度

它显示了如何使用CSS表达式在IE中模拟最大宽度的示例:

<html>
<style>
body {
width:100%;
margin:0;
padding:0;}

p {
border:1px solid red;
max-width:800px;
width:expression(document.body.clientWidth > 800? "800px": "auto" );
}
</style>
<body>
<p>
[a lot of text]
</p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

免责声明:我不是CSS表达的粉丝,但无论如何这应该有用.