輸入驗證錯誤的下拉框

Question

（好吧，這可能是重複的，但搜索並沒有導致我任何職位，所以道歉提前如果有一個帖子在那裏）

我CSS有一個列出字符串的下拉列表，默認爲請選擇。如果用戶通過請選擇提交表單仍選擇模型狀態失敗，並且它指出錯誤。 （好）但是，我想要一個紅色的邊框以及出現的錯誤。該css是

input.input-validation-error { border: 1px solid #f00; background-color: #fee; } 
textarea.input-validation-error { border: 1px solid #f00; background-color: #fee; } 

// is it as easy as this? I am guessing its not "dropdown" or is a 10x more complicated? 
dropdown.input-validation-error { border: 1px solid #f00; background-color: #fee; } 

那麼我怎麼把紅色邊框下拉？

這裏是一個強類型下拉的例子

@Html.DropDownListFor(m => m.test.id, new SelectList(Model.test.list, "Id", "Name"), "Please Select") 

感謝

Answer 1

dropdown不是有效的HTML元素。 select在這種情況下正確的元素：

select.input-validation-error { ... } 

然而，根據您選擇的特殊性，你可以很可能完全放棄該元素的名稱，只是用：

.input-validation-error { ... } 

無論如何值得注意的是，多個選擇器可以通過用逗號分隔它們來給出相同的樣式，因此您不需要一遍又一遍地重複相同的樣式聲明：

input.input-validation-error, 
textarea.input-validation-error, 
select.input-validation-error { ... }