Изменить стилевую границу LightBox Primefaces

Question

Я использую PrimeFaces 1.1 с JSF 1.2.Мне нужно изменить стиль наложения PrimeFaces <p:lightBox> с черной рамкой на синий, но атрибут style компонента не изменяет наложение, а только ссылку, из которой вызывается лайтбокс.

<p:lightBox width="50%" height="25%" 
    style="border: 5px; border-style: solid; border-color: blue;">
    <h:outputLink value="#" title="Leo Messi" >
        <h:outputText value="The Messiah"/>
    </h:outputLink>

    <f:facet name="inline">
        <h:panelGrid columns="2">
            <p:graphicImage value="/images/barca/messi.jpg" />
            <h:outputText style="color:#FFFFFF"
                value="Messi is an unusual player. He is highly creative, and has the skills to take on defenders with ease. He is a versatile left-footed player who can play either in the middle or on either wing, or even as a centre forward.
                Although he is quite short, he is so fast and physically strong that he can cope with larger opponents. He is incredibly powerful, and a specialist in such dead ball situations as corners, free kicks and penalties.
                Leo Messi is cool-headed and able to assume several responsibilities in times of need. He is a player who is destined to have a very successful career in football."></h:outputText>
        </h:panelGrid>
    </f:facet>
</p:lightBox>

Answer 1

Если я не ошибаюсь, генерируется тег <a>.Я не знаю, можете ли вы добавить какие-либо атрибуты к лайтбоксу <div>.

. У меня нет сгенерированного HTML-кода, но вы можете сделать это:

1. Использовать GoogleChrome для проверки лайтбокса (щелкните правой кнопкой мыши на лайтбоксе и осмотрите элемент) для просмотра класса <div>.
2. Добавьте новый атрибут "onclick" в <a> и, используя javascript, измените стиль элементов ...

Но вы должны изменить css простых лиц из файла jar ... Я не нахожу метод javascript элегантным ...