如何復位輸入型CSS

Question

我已將全局CSS設置為文本類型輸入。 例如：

input[type=text] {
padding:10px;
width:100px;
//and many more
}

現在，我在特定的div上使用了插件colorpicker 。 該插件為彩色十六進制輸入繪制一些輸入元素，並設置自己的CSS屬性。

.colorpicker input {
width:25px;
}

但是已經設置的CSS屬性會干擾新設置的CSS。 有沒有一種方法可以重置這些輸入，並且不讓它們使用任何先前的CSS屬性？ 我不知道從后面設置的所有屬性是什么，例如border，可能是border-shadow，padding等。我想重設所有屬性並創建新的輸入類型。 如果需要，我願意使用Javascript / jQuery來實現。 請幫幫我。 謝謝！

編輯：假設是否像$('.colorpicker input').resetCSS(); 存在，它會從輸入中刪除所有CSS屬性，那就太好了！ 正是我所需要的。

Answer 1

如果頁面上沒有太多文本輸入，只需使用類名而不是全局定義即可。 從長遠來看，IMO是Neater。 這樣，您的輸入字段將保留在您的輸入中，其他插件的輸入字段將保留在其各自的類中。

Answer 2

取決於您的代碼，但是您可以使用css3：not選擇器。

div:not(.colorpicker) input[type=text]

當然，這是假設您將所有輸入都包裝在div中。 http://jsfiddle.net/kudoslabs/aDJeT/

Answer 3

您可以使用.not()選擇器。 試試這個小提琴 。 由於它是jquery選擇器，因此它也應該支持較舊的瀏覽器。 但是在這種情況下，您還需要編輯引導css並創建一個包含要應用於所有其他文本字段的樣式的類。