html - CSSでPrimefacesのピックリストの高さを変更するには?

Question

<ul ...>タグの高さを変更したいと考えています。idインタグはありません<ul...>。idhtml テーブルののみを知ることができます。次のhtmlコードは によって生成されJSF Primefacesます。

Primefaces ピックリスト

<table id="roleEntryForm:resourceItem" class="ui-picklist ui-widget">
    <tbody>
        <tr>
            <td>
                <ul class="ui-widget-content ui-picklist-list ui-picklist-target ui-corner-all ui-sortable"></ul>
                <select id="roleEntryForm:resourceItem_target" class="ui-helper-hidden" multiple="true" name="roleEntryForm:resourceItem_target"></select>
            </td>   
            ....
        </tr>
        .....
    </tbody>
</table>

以下のようにCSSを使用しましたが、動作しません。

#roleEntryForm:resourceItem tr td ul {
    height:500px;
}

.ui-picklist .ui-picklist-list {
    height: 200px;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    width: 200px;
}
.ui-corner-all {
    border-radius: 3px 3px 3px 3px;
}
.ui-widget-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A8A8A8;
    color: #4F4F4F;
}
ul {
}

.ui-widget {
    font-size: 98% !important;
}
.ui-widget {
    font-family: Arial,sans-serif;
    font-size: 1.1em;
}

Answer 1

これはChromeでは機能しますが、Internet Explorerでは機能しません

.ui-picklist .ui-picklist-list { height: 300px; margin: 0; overflow: auto; padding: 0; }