在 WebSphere 中未选择 CSS 样式属性

Question

我正在客户端环境 WebSphere 中部署此应用程序，但我的 CSS 属性之一在页面加载期间未正确获取。在本地测试期间，它在 Tomcat 中运行良好。所以它可能是客户端环境设置、缓存或其他任何东西，但它似乎不起作用。

我在页面中有一个查询表单，在同一行中有两个参数 empID 和 reportID。运行查询后，一些结果会返回第三个参数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 文件并且布局损坏。然后正确命名并修复布局。所以它似乎不是缓存问题。

修复的唯一方法似乎是在初始页面加载期间将宽度设置为 650 像素。

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

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

Answer 1

原来这是代码中的一个错误。当您附加 has-date 关键字时，后面没有任何空格，因此它以 has-daterounded-corners 结尾，因此 css 没有正确拾取。