Make Rails的field_with_error'不適用於某些輸入

Question

我正在使用一些CSS表單元素，這些元素使用：checked樣式，例如。

input:checked + label { 
    background-color: green; 
} 

，其中相應的HTML（簡化的例子）將是：

<input type="checkbox"> 
<label>My Checkbox</label> 

不幸的是，：檢查造型肆虐時.field_with_errors進場，因爲它創造了兩個元素圍繞一個div，像所以：

<div class="field_with_errors"> 
    <input type="checkbox"> 
</div> 
<div class="field_with_errors"> 
    <label>My Checkbox</label> 
</div> 

據我所知，鑑於HTML結構，根據複選框是否被選中，不再可能設置標籤的樣式。

我無法在標籤或輸入上完全刪除field_with_errors，因爲我正在使用的應用程序的傳統方面依賴於它。

所以我想知道是否可以簡單地做到這一點，以便field_with_errors不隱藏元素。我還不知道Ruby/Rails有多少，但我知道（當然）它運行的是前頁加載。我仍然希望沒有希望，也許我沒有想到的東西:-D。

也歡迎任何替代方法，但同樣有效的方法。

Answer 1

您可以使用原始HTML並生成複選框並標記自己，而無需使用視圖助手。名稱應該是model[field]，並且您必須確保它在未選中時設置正確的值，因爲瀏覽器不會發回未選中的複選框。

Answer 2

您可以添加一個汽車規則，該規則重新定義了類field_with_errors的div而不是顯示塊。

div.field_with_errors { display: inline-block; }