Изменение p: цвет водяного знака динамически

Question

Я делаю проект с использованием простых поверхностей.

В моем проекте мне нужно изменить цвет p:watermark (правки), когда я нажимаю p:commandButton.

Я пробовал, но не работает.

Здесь я добавил свой крошечный код:

Пример кода:

<p:inputText id="userNameField" update="info"/> 
<p:watermark for="userNameField" value="#{...}" id="userLabelWaterMarkId"/> 

<p:commandButton id="loginButtonId" onclick="showLoginBox();" update="info"> 
</p:commandButton> 

JQuery

function showLoginBox() 
    { 
    $(".ui-watermark").css("color", "red"); 
    } 

Любая идея?

Answer 1

$(".ui-watermark").css("color", "red"); 

Здесь цвет представляет цвет шрифта. Если вам нужно изменить цвет фона, используйте это.

$(".ui-watermark").css("background-color", "red"); 

убедитесь, что водяной знак, имеющий класс под названием .ui-watermark, его не существует в коде, публикуемую.

Answer 2

Вы должны создать на функции мыши, как это:

function showLoginBox(){ 
    $("#userLabelWaterMarkId").css("color", "red"); 
} 

$('#loginButtonId').on('click', showLoginBox()) 

или

$('#loginButtonId').on('click', function() { 

    $('#userLabelWaterMarkId').css('color', 'red'); 

}) 

связывание JS событие внутри HTML не лучшая практика. Вам необходимо создать код привязки события в вашем файле javascript.

Answer 3

Класс ui-watermark существует в OLD browsers, поскольку PrimeFaces использует некоторую обратную совместимость «взломать», что делает водяной знак jquery-ui. Современные браузеры делают это по-другому и нуждаются в стилизации по-разному ... Для этих браузеров ваш вопрос является дубликатом ссылки ниже.

Смотрите также:

• Change an HTML5 input's placeholder color with CSS