使两个css类是相同的

时间:2013-08-19 14:29:05

标签: css templates struts2

这是一个普遍的问题: 是否可以使css类相同: requiredInput = reqInp

问题在于: 我正在使用Struts 2 css_xhtml模板。 它使用css类生成一些预定义的div。另一方面,我想使用css框架工作来管理表单样式(yaml)。 幸运的是,生成的div和css的结构与框架中定义的结构相同。 唯一的问题是css中定义的css类的名称与struts生成的名称不同。 有什么办法可以定义 我也不想改变css框架工作的来源。

生成的html结构很好: 我需要使wwlbl和wwwctrl等于其他css类

<div id="wwlbl_Test" class="wwlbl">   
<label for="Test" class="label">Test
</label></div> <br>
   <div id="wwctrl_Test" class="wwctrl">
       <input name="amount" value="" id="Test" type="text">
   </div> 
</div>

PS:我不想为struts定义自己的模板并在那里更改css类。

3 个答案:

答案 0 :(得分:1)

你总是可以给两个不同的类相同的风格:

.requiredInput, .reqInp {
    color:#f00;
}

答案 1 :(得分:1)

首先, 覆盖你的位置问题:

.wwgrp .wwctrl br {
 display: none;
}

.wwlbl {
 float: left;
 clear: both;
}

.wwctrl { 

}

.sradio {
 margin: 0px 6px 0;
}

其次,用于修复元素中的边距,空格或填充形式示例Radio | CheckBox

<s:radio ... cssClass="sradio"../>

答案 2 :(得分:0)

正如Umesh所指出的,您可以简单地use the simple theme,也可以使用所有struts2 UI标记中的cssClass属性。

<s:textfield name="companyName" label="Company Name" cssClass="t1"></s:textfield>