CSS로 Primefaces Picklist 높이를 변경하는 방법은 무엇입니까?

Question

<ul ...> 태그의 높이를 변경하고 싶습니다. <ul...> 태그에는 id이 없습니다. html 표의 id 만 알 수 있습니다. 다음 html 코드는 JSF 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> 

Primefaces PickList

나는 다음과 같이 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

이 크롬, 에 나를 위해 작동하지만

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

Answer 2

Belwo이 선택 목록 primeface의 높이와 너비를 변경하는 코드는 인터넷 익스플로러한다. 이것은 나를 위해 작동

<h:head> 
<style> 
.ui-picklist .ui-picklist-list{ 
height:500px; 
width: 500px 
} 

</style> 
</h:head>