在td宽度问题中选择标记

时间:2012-03-12 13:40:18

标签: jquery css html-table

我在IE中遇到了选择下拉列表内容。所以我找到了以下脚本。我已经把它放在了td。我在td中设置了特定的宽度。如果我放置此脚本,我的td宽度将会扩展。任何人都可以提供帮助。或建议任何其他脚本。

脚本:

$(document).ready(function() {
                if ($.browser.msie) $('select.wide')
                    .bind('focus mouseover', function() { $(this).addClass('expand').removeClass('clicked'); })
                    .bind('click', function() { $(this).toggleClass('clicked'); })
                    .bind('mouseout', function() { if (!$(this).hasClass('clicked')) { $(this).removeClass('expand'); }})
                    .bind('blur', function() { $(this).removeClass('expand clicked'); });

            });

HTML:

<table width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="40" style="overflow:hidden;">   <select class="wide">
            <option>Lorem ipsum dolor sit amet</option>
            <option>consectetur adipiscing elit</option>
            <option>Etiam elementum</option>
            <option>a arcu</option>
            <option>fringilla eu malesuada </option>
            <option>quam scelerisque</option>
            <option>Curabitur ut nisi neque</option>
    </select></td>
    <td>sasd</td>
  </tr>
</table>

1 个答案:

答案 0 :(得分:1)

尝试以下代码来处理<select>

的宽度
<select style="width:250px;" >