我有一个JSF输入字段,该字段被JQuery CSS文件覆盖。我想使用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">
我如何覆盖它?
最佳答案
正如有人在您原始帖子的评论中指出的那样,CSS不会更改字段中显示/生成的内容。如果您的字段具有您不希望拥有的值,则可以将其硬编码到JSP的某个地方或HTML本身。
但是,如果您的表单只是外观上与您想要的不同,正如其他人指出的那样,您可以使用jQuery即时删除class属性,但这将是页面加载后的片刻,并且还取决于布置了jQuery样式和JS,很有可能在jQuery本身之后调用jQuery UI,因此它将覆盖您希望执行的大多数操作。当然那是准备好的文件。
另外,您总是可以在jQuery UI css文件之后包含一个CSS文件,并将其包含在您希望页面放回默认位置的页面上,然后重新创建在上面的示例中看到的类名,以不同的方式显示。总而言之,有十多种方法可以立即改变这种样式,这是我的头等大事。
总体而言,它更多地涉及您如何将所有内容整体布局,以及最终实际要做的事情。不幸的是,您的初始描述没有太多余地。