1

我们想改变<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;
}
4

3 回答 3

3

Belwo 是更改选择列表 primeface 的高度和宽度的代码。这对我有用

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

</style>
</h:head>
于 2013-07-22T06:51:09.293 回答
1

这适用于我的 chrome，但不适用于 Internet Explorer

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

于 2013-07-17T12:56:58.877 回答
0

只需在 CSS 中添加您的选择列表的类名。会是这样.className.ui-picklist

于 2021-11-12T13:13:31.100 回答