2013-08-19 35 views
0

這是一個普遍的問題: 是否有可能作出的CSS類是相同的: requiredInput = reqInp做兩個CSS類相同

這是問題所在: 我使用Struts 2 css_xhtml模板。 它用css類生成一些預定義的div。另一方面,我想用一個css框架工作來管理表單樣式(yaml)。 幸運的是,生成的div和css的結構與框架中定義的結構相同。 唯一的問題是,在CSS中定義的CSS類的名稱與由struts生成的CSS類的名稱不同。 有沒有什麼辦法可以定義 我也不想改變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:我不想定義自己的模板支柱和更改CSS類那裏。

+0

爲什麼不使用Struts2的'simple'主題,它不會爲你生成任何CSS或div,並讓你從你身邊做任何事情 –

+0

正如我所提到的struts css_XHTML生成良好的div和css樣式。我不需要改變任何事情。我只需要告訴瀏覽器,檢查struts類(wwctrl)是否與yaml(ym_form)類相同 –

回答

1

你總是可以只給兩個不同的類相同的風格:

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

css框架工作已經有很多css文件,其中有很多類。如果我想使用這個解決方案,我應該打開css框架的css文件並更改它們。或從CSS框架複製所有類到新的CSS文件並更改它們!我想要避免 –

0

正如指出的Umesh製作,你可以簡單地use the simple theme或者您可以使用cssClass屬性,它存在於所有Struts2的UI標籤。對位置的問題

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

+0

請查看問題更新,cssClass不會更改爲div生成的CSS! –

+0

你必須使用「簡單」和我所建議的組合。 –

1

首先, 覆蓋YOUT CSS:

.wwgrp .wwctrl br { 
display: none; 
} 

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

.wwctrl { 

} 

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

其次,對於式中的元件形式示例無線電固定餘量,空格或填充|複選框

<s:radio ... cssClass="sradio"../> 
相關問題