0

JQuery css ファイルによって上書きされる JSF 入力フィールドがあります。Primefaces のカレンダーを使いたいです。

<p:calendar style="" 
            styleClass=""
            id="datetochangepasswd"
            value="#{AddAccountController.formMap['DATETOCHANGEPASSWD']}"
            pattern="MM/dd/yyyy HH:mm:ss" />

入力フィールドを上書きするのを手伝ってもらえますか? デフォルトのブラウザ スタイルをもう一度使用したいと思います。

PS これは、Firebug で見られる CSS スタイルです。

<input id="form:datetochangepasswd_input" class="ui-inputfield ui-widget ui-state-default ui-corner-all hasDatepicker" type="text" name="form:datetochangepasswd_input" role="textbox" aria-disabled="false" aria-readonly="false" aria-multiline="false">

どうすれば上書きできますか？

4

2 に答える 2

2

元の投稿のコメントで誰かが指摘したように、CSSはフィールドに表示/生成されたコンテンツを変更しません。フィールドに不要な値が含まれている場合は、JSPのどこかにハードコードされているか、HTML自体にコード化されています。

ただし、フォームの外観が希望と異なるだけの場合は、他の誰かが指摘したように、jQueryを使用してその場でクラス属性を削除できますが、これはページが読み込まれた直後であり、 jQueryのスタイル設定とJSがレイアウトされているため、jQuery UIはjQuery自体の後に呼び出されるため、実行したいことのほとんどがオーバーライドされます。もちろん、それがドキュメントの準備ができている理由です。

また、jQuery UI cssファイルの後にCSSファイルをいつでも含めて、フォームをデフォルトに戻したいページに含めることができます。上記の例に表示されているクラス名を再作成するだけで、表示が異なります。 。全体として、すぐに頭のてっぺんに来るそのスタイリングを変更する方法は約12あります。

全体として、すべてを全体としてどのようにレイアウトするか、そして最終的に実際に何をしようとしているのかについての詳細です。残念ながら、あなたの最初の説明は、先に進むことをあまり与えていません。

于 2012-07-30T15:12:34.480 に答える
0

jQuery の datepicker を使用しているようです。jQuery datepicker のインスタンス化を削除すると、自動的に修正されるはずです。

于 2012-10-01T20:53:26.633 に答える