PrimeFaces 禁用输入不透明度

【问题标题】：PrimeFaces disabled input opacityPrimeFaces 禁用输入不透明度
【发布时间】：2018-03-05 09:44:42
【问题描述】：

有人可以帮助我更改禁用 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;
}

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

【问题讨论】：

【解决方案1】：

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

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

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

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

希望对你有帮助

【讨论】：