selectCheckboxMenu: items are shown with bold font


Tags: css,jsf,primefaces

Problem :

I don't know how to remove the bold property to the font of selectCheckboxMenu items

declared in the .xhtml:

<style type="text/css">
    .ui-selectonemenu-trigger{width:24px !important;margin-left:9px !important;}
    .ui-selectcheckboxmenu-trigger{width:24px !important;margin-left:9px !important;}
    .ui-selectcheckboxmenu-header:before{font-weight:normal;margin-left:10px;content: "Selecciona/Deselecciona todos";}
    .ui-selectcheckboxmenu-label{font-weight:normal !important;}
    .ui-selectcheckboxmenu-header{font-weight:normal !important;}
</style>

selectCheckboxMenu declared in the .xhtml:

<p:selectCheckboxMenu  id="adaptacionDiscapacidadSelectOne" 
                       value="#{solicitudMB.listaAdaptacionLabelSelected}"
                       panelStyle="width:500px" filter="false"
                       label="Selec. adaptación/es" style="font-weight:normal !important;"
                       styleClass="field-column-2">
    <f:ajax event="change" update=":generalform:accordionPanel:form_datosConvocatoria3:customPanel5 @form"
            render=":generalform:accordionPanel:form_datosConvocatoria3:customPanel5"
            listener="#{solicitudMB.isOtraAdaptSelected()}"/>
    <f:ajax event="toggleSelect" update=":generalform:accordionPanel:form_datosConvocatoria3:customPanel5 @form"
            render=":generalform:accordionPanel:form_datosConvocatoria3:customPanel5"
            listener="#{solicitudMB.isOtraAdaptSelected()}"/>
    <f:selectItems value="#{solicitudMB.listaAdaptacionLabel}"/>
</p:selectCheckboxMenu>

Thank you in advance!

[SOLUTION] by @Geinmachi add this in the CSS .ui-selectcheckboxmenu-panel[id*="adaptacionDiscapacidadSelectOne"] .ui-selectcheckboxmenu-item label { font-weight:normal !important; }



Solution :

Every label in p:selectOneMenu whose id contains phrase adaptacionDiscapacidadSelectOne will not be bold:

.ui-selectcheckboxmenu-panel[id*="adaptacionDiscapacidadSelectOne"] .ui-selectcheckboxmenu-item label {
    font-weight:normal !important;
}

    CSS Howto..

    How to keep images fixed but also responsive so they don't overlap

    How to get smaller divs to stack to the right of larger divs?

    How to avoid messing formating up?

    How to write a fallback for css files not loaded, loading too long and blocked? [duplicate]

    How can i make div shape like this with css? [duplicate]

    How do I keep an image and text centered vertically with bootstrap?

    How can I get rounded corners to fit over other content?

    How can I properly display my divs in masonry style using flex?

    How to center banner with jquery mobile?

    How to make ComboBox caption bold in Vaadin?

    How to insert a div in between flexbox rows and keep everything responsive?

    How to use Resource bundle(Client Bundle) in JSNI?

    How to use @page CSS in ASP.NET MVC View

    How hide border on embedded swf

    How to apply CSS style for the current page link

    Bootstrap 3: How to code my banner?

    How to use Font Awesome for checkboxes etc

    How to customize unordered list items in HTML using CSS

    How to prevent links from wrapping in CSS megamenu div (inheritance issue)

    My dropdown menu isn't showing below parent

    How to get an input set to display block to fade in with css

    How to have no border around a DIV

    How to send web page in email body with css

    How to give the padding for option with css only

    How can I use CSS to select the “a” tag in the following layout?

    How to remove the margin at the top of my page

    How to divide parent div's height between child divs

    How to style for first class css

    How to echo CSS class only once in first iteration foreach in PHP?

    How can I get rid of those animation in jquery toggle?