html - 如何在 IE 的表格单元格中将 html 选择元素 css 高度设置为 100%？

Question

我想让一个选择(下拉列表)元素填充表格单元格高度的 100%。我能够让它在 Firefox 和 Chrome 中运行，但不能在 IE (Internet Explorer) 中运行。

测试 HTML:

<table>
    <tr>
      <td>
          Some cell content<br/>
          Some cell content<br/>
          Some cell content<br/>
      </td>
      <td>
        <select>
          <option>Select</option>
        </select>
      </td>
    </tr>
</table>

测试 CSS:

table {width:400px;border:solid 1px #000000;border-collapse:collapse;height:100%}
table td {border:solid 1px #000000;height:100%}
select {width:100%;height:100%;}

Here's the fiddle (适用于 Firefox 和 Chrome，但不适用于 IE)

Answer 1

table {width:400px;border:solid 1px #000000;border-collapse:collapse;height:100%}
table td {border:solid 1px #000000;height:100%}
select {width:100%!important;height:100%!important;}

<table>
    <tr>
      <td>
          Some cell content<br/>
          Some cell content<br/>
          Some cell content<br/>
      </td>
      <td>
        <select>
          <option>Select</option>
        </select>
      </td>
    </tr>
</table>