在CSS中使文本框忽略樣式

Question

我在我的視圖中有一個ID =「電子郵件」的文本框，我需要ID保持原樣。但是，在css文件中有一個#Email字段，我的文本框在該字段中獲取樣式。我怎樣才能讓它忽略這種風格？

Answer 1

在你的CSS文件

嘗試#email這是不存在的<input id="email">

Answer 2

不能不改變ID或覆蓋所施加的樣式。這是什麼CSS 確實。儘量避免樣式表中這樣的含糊之處。

Answer 3

如果你想覆蓋你的財產。寫這樣你的文本框其他ID這個

input#Email{ 
color:red; 
} 

Answer 4

更好地改變了ID從Email

Answer 5

的選項有：

1. 更改CSS，它指向一個ID明確的，所以你會期待它 做到這一點，ID綁定樣式不是我最喜歡的，無論如何，考慮 使它成爲一個常規樣式，所以你可以在你的 標記中使用class =「email」，或者使它更具體，所以它不是一個全身ID綁定
2. 在標記更改ID（您已經表明你不能 做到這一點）
3. 刪除使用jQuery，凌亂和類哈克

Answer 6

你能組#Email在CSS裏面需要的地方？例如，可能是#Email應該是一些.article什麼的。

而不必像CSS的：

#Email {background: #ccc;} 

你可以考慮寫爲：

.article #Email, p #Email {background: #ccc;} 

，或者，你可以做到這一點的方式。既然你知道，你不會希望input與#Email要的風格，你可以寫一個CSS：

input#Email {background: none;} 

和RESET上述全局樣式。

希望這會有所幫助！ :)

Answer 7

情況下，你可以定義「的風格=‘’」屬性（顯式風格的文本框）之前寫一些父元素的id和手動覆蓋已發送的樣式。但是你不能全盤否認所有的風格。

<textbox id="email" style="..."> 
... 
</textbox> 

Answer 8

您無法使CSS設置被忽略。您需要以某種方式覆蓋它。也就是說，如果樣式設置不存在，則無法告訴瀏覽器執行該操作，但可以按照自己的方式來指定顯示元素。

如果您有多個文本輸入字段，並且其中一個受某些CSS規則影響，那麼通常最好將所有文本輸入字段的樣式統一設置（不一定相同，因爲至少寬度可能是多樣化以促進可用性）。但是由於存在一個使用id選擇器的CSS規則，它具有很高的特異性，因此您需要考慮這一點，以便您的規則也可以應用到該元素。例如：

input, input#Email { 
    font: 100% Calibri, sans-serif; 
    color: black; 
    background: white; 
}