стиль selectOneMenu в PrimeFaces

Я изо всех сил пытался внести коррективы в размер шрифта и настройку в selectOneMenu, но я смирился с этим, однако после обновления PrimeFaces с 3.2 до 3.4.2, selectOneMenu имеет префикс пробела, что очень раздражает .

PrimeFaces 3.2 selectOneMenu

PrimeFaces 3.2 selectOneMenu

PrimeFaces 3.4.2 selectOneMenu

PrimeFaces 3.4.2 selectOneMenu

Код

<p:selectOneMenu id="Category" value="#{databaseSearch.category}" style=" font-size: 35px; height: 20px; width: 80px;">

                                        <f:selectItem itemLabel="Machine" itemValue="Machine"/>
                                        <f:selectItem itemLabel="Company" itemValue="Company"/>
                                        <f:selectItem itemLabel="Contact" itemValue="Contact"/>
                                        <f:selectItem itemLabel="Phone" itemValue="Phone"/>
                                        <f:selectItem itemLabel="Email" itemValue="Email"/>

                                    </p:selectOneMenu>

Что я делаю ? :(


primefaces selectonemenu
person Telson Alva    schedule 30.07.2013    source источник
comment
Вам нужно переопределить этот css .ui-selectonemenu .ui-selectonemenu-label   -  person Mathew Rock    schedule 31.07.2013
comment
@MathewRock Не могли бы вы передать свой комментарий в качестве ответа? так что я могу отметить это?   -  person Telson Alva    schedule 02.08.2013

Ответы (2)


arrow_upward
10
arrow_downward

Вам нужно переопределить этот css .ui-selectonemenu .ui-selectonemenu-label

person Mathew Rock    schedule 02.08.2013

arrow_upward
0
arrow_downward

Правильный способ – добавить новый класс, а не изменять значения по умолчанию для фреймворка.

У меня была такая же проблема, но в моем случае selectOneMenu использовался в других частях приложения, поэтому я не мог его редактировать.

Я создал новый класс в своем стандартном стиле.css следующим образом.

.fullWidth {
    min-width: 100% !important;
}

А затем в selectOneMenu добавил мой класс, как показано ниже

<p:selectOneMenu id="idOfSOM" value="#{mybean.value}" styleClass="fullWidth"></p:selectOneMenu>
person FarukT    schedule 23.11.2018