2013-07-03 88 views
1

我想樣式除特定類型以外的所有輸入。CSS:不是選擇器來定位特定類型的輸入

例如:

input, 
input:not(type='email') { 
    background: red; 
} 

以上不工作

所以我想所有的輸入有紅色的背景(顯然我沒有這只是一個例子),除輸入電子郵件的元素。我試圖以:not選擇器爲目標的類型可能會有所不同。

可以這樣做嗎?如果不是,最好的解決方案是什麼?

如果你很好奇,我試圖避免指定我想要定位的所有類型的輸入,以便我不想定位的類型不會獲得該樣式。

回答

3

嘗試:

input:not([type='email']) 

但是要記住,通過使用input, input:not([type='email'])你實際渲染條件無用的,因爲你指定的裸input爲好。

+0

可以多種類型的目標?例如我希望所有的輸入都是紅色的,除了類型電子郵件和號碼。經過一些實驗後,我發現它可以通過輸入來完成:not([type =「email」]):not([type =「number」]), –

+0

感謝指出裸輸入使其無用。 –

5

你要做這樣的:fiddle

input:not([type='email']) { 
    background: red; 
} 

因爲如果你不使用[]你不能做一個選擇。此外,這不支持所有舊版瀏覽器

+0

可以瞄準多種類型?例如我希望所有的輸入都是紅色的,除了類型電子郵件和號碼。經過一些實驗後,我發現它可以通過輸入來完成:not([type =「email」]):not([type =「number」]), –

相關問題