PrimeFaces禁用输入不透明度

Question

有人可以帮助我更改已禁用的inputText的不透明度吗？

<div class="ui-grid-col ui-grid-col-8">
        <p:inputText disabled="true" value="#{someValue}"/>
</div>                                               

在我的css文件中，我试过

.ui-state-disabled {
    opacity: 0.95;
    filter: Alpha(Opacity=95);
    cursor: default !important;
}

例如，

但它根本没有效果，我怎样才能使它工作？

Answer 1

您需要使用javascript。 使用特殊类为此添加一个样式。 像：

.disable-input{
 opacity: 0.95;
 filter: Alpha(Opacity=95);
 }

然后检查输入是否被禁用：

var input = document.getElementById('inputId');
if(input.disabled){
 input.classList.add("disable-input");
}

希望能帮到你