CSS恢復爲默認樣式

一位開發人員設置了以下css規則，該規則必須保留。CSS恢復爲默認樣式

* { 
    border: medium none; 
    list-style: none outside none; 
    margin: 0; 
    outline: medium none; 
    padding: 0; 
}

這會從SELECT和INPUT字段中刪除邊界，使它們看起來不太理想。如果我刪除螢火蟲的邊框樣式，那麼這些字段再次看起來正常。我必須添加哪些css規則才能恢復到瀏覽器設置的默認樣式？

編輯：這些都是我想恢復到（我的電腦上）的樣式：

Screenshot http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single-option/icab-3-osx.png

來源

2011-07-21 stef

對於跨瀏覽器解決方案，您不能*添加*樣式並將窗體元素恢復正常。 '*'選擇器是一種CSS代碼味道。 – zzzzBov

我認爲你的同胞開發商正在試圖做的是創造自己的復位（類似於雅虎重置等）。但是，由於他聲明*而不是特定元素，所以它將邊界從一切中刪除。

雖然你可以解決這個問題，但仍然可以通過將*改爲最常用的元素（無格式元素）將瀏覽器的默認邊框重新放置在表單元素上 - 這有點難看，但它確實符合你的要求：

a,abbr,acronym,address,b,blockquote,body,br,caption,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,i,img,label,legend,li,link,menu,ol,p,pre,small,span,strong,table,td,th,tr,u,ul 
{ 
    border: medium none; 
    list-style: none outside none; 
    margin: 0; 
    outline: medium none; 
    padding: 0; 
}

來源

2011-07-21 16:05:53 Joshua

酷，我改變規則給你，現在這個工作正常:) – stef

此外，我只做了最常見的元素，有一些沒有包括但是非常具體的流浪者 - 所以如果你發現一些bug，檢查它的標籤在列表中。 :) – Joshua

我有一個類似的問題。在創建嵌入代碼的同時，我需要將樣式重置爲瀏覽器原始樣式，即使已經設置了其他樣式。我怎樣才能做到這一點？ –

不幸的是，你需要設置新值。沒有reset值。

如果要添加邊框，請設置新的邊框樣式。或者刪除你發佈的風格。

來源

2011-07-21 15:48:54

哪種邊框風格？在我正在使用的Mac上，SELECT不僅僅是一條線。 – stef

@stef：您是否嘗試爲'select'設置邊框樣式？ –

是的。看到我張貼在OP – stef

添加這些：

select, input { 
border: solid 1px; /* or whatever you want */ 
}

來源

2011-07-21 15:49:51 Mrchief

的屏幕截圖，不過這只是一條黑線。 – stef

您需要將顏色設置爲您希望看到的任何顏色。 'border：solid 1px [color]' – Mrchief

正如我上面所說的，在Mac上，select不會簡單地圍繞它。 – stef

CSS恢復爲默認樣式

回答

相關問題