Question

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

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

您可以帮助覆盖输入字段吗？我想再次使用默认浏览器样式。

P.S。这是我在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动态删除class属性，但这可能是页面加载后的一个时刻，并且也是依赖的如何构建jQuery样式和JS，jQuery UI可能会在jQuery之后被调用，因此它将覆盖你希望做的大部分内容。当然这就是准备好的文件。

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

总的来说，更多的是关于你如何将所有内容整体布局，以及你最终要做的事情。不幸的是，你的初始描述并没有太大的用处。

Answer 2

看来你正在使用jQuery中的datepicker。删除jQuery datepicker实例，它应该自行修复。

如何用CSS覆盖输入字段

2 个答案: