0

次のように、IDセレクターを含むこれらのcssファイルがあります。

#globalFilter {
margin-left: 995px;
margin-top:-30px;
width:320px;
height:20px;
font-size: 11px;
}

上記のIDを持つコンポーネントは次のとおりです。

        <p:inputText id="globalFilter" value="Search" />

そして、それは呼び出された内部にありnotifybarます。問題は、ページがレンダリングされるときにセレクターのプロパティがコンポーネントに適用されないことです

注: css ファイルが正常に読み込まれ、id="globalFilter" を持つコンポーネントがソース ビュー モードで存在します。

また、これらのクラス セレクターは、ページ内の別のコンポーネントには適用されません。

セレクタ：

.underlineOnHover{
text-decoration: underline;
}

成分：

    <h:outputLink id="notify"styleClass="underlineOnHover">
        <h:outputText value="notifications" />
    </h:outputLink>

また、これらは、<p:inputText id="globalFilter">

<input id="globalFilter" name="globalFilter" type="text" value="Search" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" /><script id="globalFilter_s" type="text/javascript">PrimeFaces.cw('InputText','widget_globalFilter',{id:'globalFilter'});</script>
4

1 に答える 1

1

ほとんどの場合、そのクライアント ID は ではなくglobalFilter、むしろform:globalFilterです。祖先にいくつかの名前付けコンテナーがある可能性があります。生成された HTML を Firebug などのブラウザ ツールでチェックして、そうであることを確認してください。

私が考えることができる3つの救済策があります：

  1. 代わりに属性を使用styleClassしてください: のように、セレクターではなく CSS クラスを受け入れます<h:inputText styleClass="your-css-class" />。
  2. のように、CSS ファイルで生成された HTML をチェックアウトして、絶対クライアント ID を使用します#form:globalFilter { ... }。
  3. クライアントIDが正確になるようにprependId="false"、囲みの属性を使用してください。<h:form>globalFilter
于 2013-05-03T15:54:42.483 に答える