从Primefaces-Mobile InputText隐藏ClearButton

Question

我正在使用Primefaces 5.0而我正在尝试构建一个移动页面。 Primefaces-Mobile建立在jQuery Mobile上。

以下一行

<p:inputText value="#{whatever}"  />

给我这个输出：

这是因为他们正在使用jQuery Mobile的Clear button option。你可以看到我的文本域非常小，我需要清除按钮所占用的空间，所以我想删除它。

有什么建议吗？

Answer 1

Primefaces-Mobile因不完全支持所有jQuery Mobile功能而闻名。

首先尝试这样做，以便您可以检查是否支持：

<p:inputText value="#{whatever}" pt:data-clear-btn="false"/>

如果它不起作用，你可以作弊：

HTML：

<div class="remove-clear">
    <p:inputText value="#{whatever}"/>
</div>

CSS：

.remove-clear .ui-input-text a {
    display: none;
}

.remove-clear .ui-input-has-clear {
    padding-right: 0 !important;        
}

工作示例（不幸的是我只能告诉你如何在jQuery Mobile中直接作弊）：http://jsfiddle.net/Gajotres/jwtgq/