IE 6/7/8 BUG:下拉框select设宽度时option超出显示不全
2014-07-10 15:24
465 查看
代码(基于jQuery):
解决思路:
当鼠标移到select元素时将其宽度置为auto;
鼠标移开时恢复为原定宽度。
方法一:
方法二:
解决思路:
当鼠标移到select元素时将其宽度置为auto;
鼠标移开时恢复为原定宽度。
方法一:
$(function() { $(".ProductAttributesSelect") .mouseover(function(){ $(this) .data("origWidth", $(this).css("width")) .css("width", "auto"); }) .mouseout(function(){ $(this).css("width", $(this).data("origWidth")); }); });
方法二:
<script type="text/javascript"> jQuery(function($){ var el; $("select").each(function() { el = $(this); el.data("origWidth", el.css("width")); // el.data("oriWidth",85); }) .focusin(function(){ el=$(this); el.css("width", "auto"); //if(el.width() < el.data("oriWidth")){ // el.css("width", el.data("origWidth")); //} }) .bind("blur change ", function(){ el = $(this); el.css("width", el.data("origWidth")); }); }); </script>
相关文章推荐
- jQuery 解决 IE 6/7/8 BUG:下拉框select设宽度时option超出显示不全
- jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
- 固定宽度下拉列表中option内容显示不全问题解决方法
- 固定宽度下拉列表中option内容显示不全问题解决方法
- 解决IE8固定宽度下拉列表中option内容显示不全问题
- 固定宽度下拉列表中option内容显示不全问题解决方法
- 固定宽度下拉列表中option内容显示不全问题解决方法
- 固定宽度下拉列表中option内容显示不全问题解决方法
- 固定宽度下拉列表中option内容显示不全问题解决方法
- 解决ie 7,8 下seleclt固定width之后 当option宽度大于width option无法显示完全的问题
- IE BUG: select 对象的 innerHTML属性居然吃了半个option.
- html中select显示非option的文字:做下拉框的时候用这些文字当提示
- ie chrome 跟 火狐 中 select 下拉框 option中不支持onclick事件的解决办法
- JavaScript解决select下拉框中的内容太长显示不全的问题
- HTML中select下拉框内容显示不全部分被覆盖的解决方法
- [举一反三]解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari) 前言: 这是一个老bug了,现在提供一个完美解决方案。由于我一直是用createElement来创建动态的op
- IE下Select下拉框宽度无法自适应Bug
- JavaScript解决select下拉框中的内容太长显示不全的问题
- android 2.3 webView select控件 无法及时显示optionLabel的BUG
- 仿酷狗音乐播放器开发日志二十三 修复Option控件显示状态不全的bug(附源码)