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 即时删除 class 属性，但这将是页面加载后的片刻，并且还取决于布局了 jQuery 样式和 JS，很可能 jQuery UI 是在 jQuery 本身之后调用的，因此它将覆盖您希望执行的大部分操作。当然，这就是准备好的文件。

此外，您始终可以在 jQuery UI css 文件之后包含一个 CSS 文件，并将其包含在您希望将表单恢复为默认设置的页面上，然后重新创建您在上面示例中看到的类名以以不同方式显示. 总而言之，有十几种方法可以立即改变我脑海中浮现的样式。

总的来说，它更多的是关于你如何将所有东西作为一个整体进行布局，以及你最终真正想要做什么。不幸的是，您的初始描述并没有给出太多内容。

于 2012-07-30T15:12:34.480 回答
0

看来您正在使用 jQuery 的日期选择器。删除 jQuery datepicker 实例化，它应该会自行修复。

于 2012-10-01T20:53:26.633 回答