外部CSS属性干扰struts 2单选按钮布局

Question

我在.jsp中使用我自己的样式表，其中包含以下规则（这不符合我的预期）：

label {
  display: block;
}

许多jsp将使用相同的CSS。我的应用程序配置了struts.ui.theme=simple。

以下s:radio垂直显示单选按钮及其标签：

<s:radio name="allowPartial"   list="#{'true':'Yes','false':'No'}"/>

*

Yes

*

No

当我删除以下CSS规则时：

label {
  display: block;
}

按照我的意图（内联）显示：

* Yes * No

如何在标记级别修复此问题而不更改CSS文件，因为它正被其他jsp使用？

Answer 1

使用cssClass

向s:radio添加一个类，如cssClass="example"，然后创建一个新的CSS条目：

.example label {
    display: inline-block;
}

这将具有更高的特异性，并覆盖label选择器。你说你的描述你不想修改样式表，所以我给你另一个选择。

使用cssStyle

更丑陋（更简单）的方法是直接使用cssStyle="display: inline-block;"标记中的s:radio。

PS：如果这不起作用，请添加评论，并显示生成的HTML，因为它有助于诊断问题。