外部 CSS 属性干扰支柱 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

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

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