更改特定表格的外觀風格

Question

我有一個<s:form>，其編號爲searchbox。

<s:form action="search" id="searchbox" method="post"> 
    <s:textfield name="query" placeholder="Enter movie title..." cssClass="searchfield" /> 
    <s:submit type="image" src="images/btn_search.gif" /> 
</s:form> 

雖然我已經看到了答案，以改變全球範圍內使用.errorMessage的fielderror風格，我想改變它只爲searchbox形式，並保持<s:head />風格的休息。

這是到目前爲止我的CSS：

#searchbox { 
    color: #2e0854; 
    font-family: tahoma; 
    font-size: 12px; 
    font-weight: normal; 
} 

.searchfield { 
    width: 161px; 
} 

不幸的是，fielderror更改不會生效（該searchfield是好的）。

Answer 1

您需要通過以下方式來定位：

#searchbox .searchfield { 
    /* your styles here */ 
} 

只有.searchfield這是下#searchbox將在上面的例子中的樣式。