问题:
select中的某些项目需要超过145px的指定宽度才能完全显示.
Firefox行为:单击选择会显示调整为最长元素宽度的下拉元素列表.
IE6和IE7行为:单击选择会显示下拉元素列表限制为145px宽度,因此无法读取更长的元素.
当前的UI要求我们在145px中放入此下拉列表,并让它包含更长描述的项目.
有关解决IE问题的任何建议吗？
即使扩展列表,顶部元素仍应保持145px宽.
谢谢!
css:
select.center_pull {
background:#eeeeee none repeat scroll 0 0;
border:1px solid #7E7E7E;
color:#333333;
font-size:12px;
margin-bottom:4px;
margin-right:4px;
margin-top:4px;
width:145px;
}
这是选择输入代码(此时没有backend_dropbox样式的定义)
<select id="select_1" class="center_pull backend_dropbox" name="select_1">
<option value="-1" selected="selected">Browse options</option>
<option value="-1">------------------------------------</option>
<option value="224">Option 1</option>
<option value="234">Longer title for option 2</option>
<option value="242">Very long and extensively descriptive title for option 3</option>
</select>
完整的html页面,以防您想在浏览器中快速测试:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>dropdown test</title> …我有一个下拉列表: <asp:DropDownList id="dropdownid" runat="server" class=blah"/>
在我的jQuery中,我分配如下的更改事件:
$('#dropdownid').change(function() {......});
现在,当我从下拉列表中选择不同的值时,这是有效的,但是,假设我想再次选择相同的值.(因为我想用相同的值进行另一个调用)所以,当我再次选择它时(不改变值)只需单击下拉列表中的选定值并再次"选择"它,就不会触发任何事件.我必须分配给jquery中的另一个事件吗？什么是解决方法？
在Mozilla和非IE浏览器中,如果选择列表的选项长度大于选择的宽度,则它将显示.但是在IE中,它会将选项裁剪到选择的宽度.
有没有办法让IE的选择行为像非IE浏览器一样？
我有一个选择标签,...像这样,..
<select style="max-width:150px">
<option value='1'>bla bla bla bla bla bla bla ...(let's say a long words)
......
</select>
它适用于FF,..但不是,...比我更改max-width与宽度style="width:150px"
它在两者中都有效,但是,...
在ie ...文本被截断
有人可以帮帮我吗？我做错了吗？有没有更好的方法来解决它？
抱歉,如果我的英语不好:(