jquery - 如何用CSS覆盖输入字段

Question

我有一个被 JQuery CSS 文件覆盖的 JSF 输入字段。我想使用 Primefaces calendar .

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

你能帮忙覆盖输入字段吗？我想再次使用默认的浏览器样式。

附言这是我在 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">

我怎样才能覆盖它？

Answer 1

正如有人在您的原始帖子的评论中指出的那样，CSS 不会改变字段中显示/生成的内容。如果您的字段具有您不希望拥有的值，那么这些值要么硬编码到 JSP 中的某处，要么在 HTML 本身中。

然而，如果您的表单只是在外观上与您想要的不同，正如其他人指出的那样，您可以使用 jQuery 即时删除类属性，但这将在页面加载后的片刻，并且也依赖于关于 jQuery 样式和 JS 的布局方式，jQuery UI 很可能是在 jQuery 本身之后调用的，因此它将覆盖您希望做的大部分事情。当然，准备好的文档就是为了这些。

此外，您始终可以在 jQuery UI css 文件之后包含一个 CSS 文件，并将其包含在您希望将表单恢复为默认值的页面上，然后重新创建您在上面的示例中看到的类名以不同方式显示。总而言之，大约有十几种方法可以改变我马上想到的造型。

总体而言，更多的是关于您如何将所有内容作为一个整体进行布局，以及您最终真正想要做什么。不幸的是，您的初始描述并没有提供太多信息。