2010-06-27 30 views
1

我有如何將按鈕重置爲默認樣式,如果我有* {padding:0; margin:0;} set?

* { 
padding: 0; 
margin: 0; 
} 

設置一個網頁,這是我能得到的佈局在所有瀏覽器正常工作的唯一途徑,但不幸也使得任何形式的按鈕看起來很醜陋。我希望按鈕上的瀏覽器默認樣式。

是否有任何一種CSS我可以修復它?

+0

「有什麼樣的CSS我可以修復它?」 - 如何造型的按鈕,不使他們看起來醜陋?只是一個想法:p – dmp 2010-06-27 23:48:01

+0

另外,看看使用風格的div而不是瀏覽器小部件,因爲它們是更多的跨瀏覽器/ os友好。 – dmp 2010-06-27 23:48:41

+1

@danp:我不會推薦使用樣式化的div來代替'

回答

2

我不認爲有一種方法可以在您指定覆蓋瀏覽器樣式的規則(從來沒有在我的所有年份見過)的情況下返回到瀏覽器的瀏覽器。

我想,而不是一個毯子重置像你有沒有什麼,你可能想嘗試使用更復雜的復位:http://meyerweb.com/eric/tools/css/reset/http://developer.yahoo.com/yui/3/cssreset/

當然,你也可以進一步適應其中任一 - 但他們非常堅實的CSS基礎。

+0

The雅虎重置CSS工作完美。謝謝! – 2010-06-28 18:11:25

3

這是我能得到的佈局在所有瀏覽器

我建議你解決這個問題,而不是試圖只是覆蓋它的按鈕正常工作的唯一途徑。說了這麼多,你可以明確提出填充回:

* { 
    padding: 0; 
    margin: 0; 
} 

input[type=button], button { 
    padding: 6px; 
} 

(我不知道是不是「6像素」是默認的,但你可以實驗)。

此外,您可以嘗試使用reset CSS文件中的一個,而不是僅設置*爲「padding:0」,而只是在需要它的那些元素上設置它。

+1

我同意 - 重置CSS文件比* {}做得更好。他們會爲您提供跨瀏覽器的體面,一致的風格。這裏是雅虎的:http://developer.yahoo.com/yui/3/cssreset/ – 2010-06-27 23:49:55

+0

輸入[類型=按鈕]將無法在IE6和IE7中工作 - 並且可能不在IE8中(從未在IE8中真正嘗試過)我現在使用) – HorusKol 2010-06-27 23:51:14

+0

@HorusKol:這是一個好點...在任何情況下,我認爲重置CSS文件更好... – 2010-06-28 00:05:20

相關問題