外部CSS属性干扰struts 2单选按钮布局
我在外部CSS属性干扰struts 2单选按钮布局,css,struts2,Css,Struts2,我在.jsp中使用自己的样式表,并遵循以下规则(这不是我想要的): 许多jsps将使用相同的CSS。我的应用程序配置为struts.ui.theme=simple 以下s:radio垂直显示单选按钮及其标签: <s:radio name="allowPartial" list="#{'true':'Yes','false':'No'}"/> * Yes * No 它按我的意愿显示(内联): 由于其他jsps使用cssClass,我如何在不更改CSS文件的情况下在标记级别
.jsp
中使用自己的样式表,并遵循以下规则(这不是我想要的):
许多jsp
s将使用相同的CSS。我的应用程序配置为struts.ui.theme=simple
以下s:radio
垂直显示单选按钮及其标签:
<s:radio name="allowPartial" list="#{'true':'Yes','false':'No'}"/>
*
Yes
*
No
它按我的意愿显示(内联):
由于其他jsp
s使用cssClass,我如何在不更改CSS文件的情况下在标记级别修复此问题
向s:radio
添加一个类,如cssClass=“example”
,然后创建一个新的CSS条目:
.example label {
display: inline-block;
}
这将具有更高的特异性,并覆盖标签
选择器。您说过您的描述不想修改样式表,所以我给您另一个选项
使用cssStyle
更丑陋(更简单)的方法是直接在s:radio
标记中使用csssstyle=“display:inline block;”“
PS:如果这不起作用,请添加注释,并显示生成的HTML,因为这有助于诊断问题。我刚刚编辑了问题以显示更清晰的意图(我希望如此!)。这可能是最好/最直接的答案。使用
cssClass
优于内联样式。
label {
display: block;
}
* Yes * No
.example label {
display: inline-block;
}