css - 有没有办法动态更改按钮的 CSS 类？

Question

我正在开发基于 Wicket 的 Web 应用程序。在应用程序中有一些按钮并非每个用户都有权使用。这些按钮实际上是简单的链接，例如

<a wicket:id="publishButton" title="Publish" class="rightPanel_publish"><wicket:message key="publish"/></a>

使用 CSS 类(来自外部 CSS 文件)来设置它们的视觉外观，例如

a.rightPanel_publish {
    display: block;
    width: 90px;
    height: 27px;
    background: url( ../imgs/right_panel_icon03.gif ) left top repeat-y;
    text-decoration: none;
    color: black;
    padding: 12px 0px 0px 35px;
}

当用户无权使用该按钮时，链接将被禁用(在 Java 中)并且 CSS 出于某种原因不再使用。

我的问题是这样的:有没有办法识别链接在运行时被禁用并更改 CSS 类？我宁愿避免使用 javascript(设法使整个元素到目前为止都没有 JS...)，而更喜欢适用于所有浏览器的东西。

非常感谢，

尤瓦尔=8-)

Answer 1

不幸的是，我不知道如何在没有 JS 的情况下更改按钮的页面。 CSS、Java 和其他所有内容在页面加载时运行，在页面加载后与页面交互的唯一方式是通过 JS。

然而，这是在任何浏览器(IE 6+、Safari、Opera、FF 等)中工作的 JS，

  if(document.getElementById('foo'))
  {
    document.getElementById('foo').className='bar';
  }