WebSphere中未使用CSS样式属性

Question

我正在客户端环境WebSphere中部署此应用程序，而页面加载期间我的CSS属性之一未正确拾取。 在本地测试期间，它在Tomcat中工作得很好。 因此，它既可以是客户端环境的设置，缓存，也可以是其他任何东西，但似乎不起作用。

我在页面中有一个查询表单，同一行中有2个参数empID和reportID 。 运行查询后，一些结果会返回第三个参数date ，该date也可以用于查询。 这三个参数都是表格的一部分。 在初始页面加载期间，表单宽度设置为500px 。 查询后，如果结果包含date参数，则表单宽度通过CSS增加到650px 。

但是WebSphere无法通过CSS识别更新的宽度。

CSS代码

#go-form-wrapper
{
 width: 500px;
}
#go-form-wrapper.has-date { 
 width: 650px;
}

HTML代码 -初始页面加载

<div id="go-form-wrapper" class=" rounded-corners">

查询结果之后

<div id="go-form-wrapper" class="has-date rounded-corners">

div元素class在第二页加载时附加了has-date ，但是由于某些原因CSS更改没有被接收。 客户端使用反向代理服务器缓存和填充。 可能是罪魁祸首吗？ 尝试使用客户端进行调试，重命名了css文件，并且布局中断。 然后正确命名它，并固定布局。 因此，它似乎不是缓存问题。

解决的唯一方法似乎是在初始页面加载本身期间将宽度设置为650px。

 #go-form-wrapper
{
 width: 650px;
}

前端/ CSS专家有什么建议吗？

Answer 1

原来这是代码中的错误。 当您添加has-date关键字时，之后没有任何空格，因此它以has-daterounded-corners ，因此css不能正确接收。