Question

我在Bootsfaces中实现了上面的selectOneMenu，在primefaces中实现了下面的selectOneMenu。

我需要在primefaces中实现，但在bootsfaces中需要样式化。

如何更改第二个选择菜单的样式，如上面的selectOneMenu？

我需要删除灰色边框。任何人都可以建议我。

编辑 -

添加建议的css .. primefaces selectonemenu如上所示选择selectonemenu。

我需要在selectonemenu中围绕向下箭头符号对齐突出显示的框，并将突出显示的框颜色更改为灰色。

请建议进一步修改。谢谢你提前。

Answer 1

我在我的特定屏幕上显示了form-control & radius-none自定义CSS类（<p:selectOneMenu styleClass="form-control radius-none" ... ... ...）：

<强> XHTML：

.ui-selectonemenu.form-control {
    color: #555 !important;
    display: block !important;
    margin-bottom: 0 !important;
    padding: 5px 10px !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}

.radius-none {
    border-radius: 0 !important;
}

.ui-selectonemenu.form-control .ui-selectonemenu-trigger {
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    padding: 0 5px;
    cursor: pointer;
    position: absolute;
    margin: 0 !important;
    border: none !important;
    margin-top: 5px !important;
    background: transparent !important;
}

<强> CSS：

.ui-selectonemenu-label

更新：与.ui-inputfield和.ui-selectonemenu .ui-selectonemenu-label { width: 100%; border: none; display: block; cursor: pointer; text-align: left; overflow: hidden; margin-bottom: 0px; white-space: nowrap; font-weight: normal; } .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield.ui-corner-all { text-overflow: ellipsis; } .ui-inputfield { margin: 0; padding: 5px; background: #ffffff; font-weight: normal; outline: medium none; box-shadow: inset 0 0 0 #8f8f8f!important; -webkit-box-shadow: inset 0 0 0 #8f8f8f!important; }相关的其他CSS也是呈现的HTML的一部分，在我的情况下是通用的：

p:selectOneMenu

注意：如果您想要更改所有FROM ubuntu:16.04 RUN dpkg --add-architecture i386 && apt update && apt install -y \ bc \ build-essential \ cpio \ dosfstools \ g++-multilib \ gdisk \ git-core \ libncurses5-dev \ libncurses5-dev:i386 \ python \ squashfs-tools \ sudo \ unzip \ wget \ locales \ && rm -rf /var/lib/apt/lists/* RUN locale-gen en_US.UTF-8 ENV LANG en_US.UTF-8 ENV LANGUAGE en_US:en ENV LC_ALL en_US.UTF-8 WORKDIR "/sedutil" CMD ["/sedutil/images/autobuild.sh","-h"]元素的样式，请删除自定义类。

Answer 2

前段时间，我写了一篇关于这个问题的文章。它包含一个演示项目的链接，解决了PrimeFaces的许多（希望是大多数）不兼容问题：https://www.beyondjava.net/blog/how-to-use-bootsfaces-and-primefaces-in-the-same-project/

更改p：selectOneMenu的样式

2 个答案: