2010-07-31 66 views
0

如果我有2個沒有CSS的輸入字段,然後我只爲其中一個添加背景色,它會完全改變該字段的外觀。它似乎至少會改變,高度,邊界,邊框樣式和邊框顏色。什麼是沒有CSS的輸入字段的CSS?

我知道我可以更改所有輸入字段的CSS以使它們匹配。但是有沒有人知道CSS是用於輸入文本字段的默認設置的?我喜歡它的外觀,我必須匹配很多沒有CSS的。

例如:

 
<style type="text/css"> 
#b { 
    background-color: #FFF; 
} 

</style> 
</head> 
<body> 

<form> 
<input id="a" type="text" /> 
<input id="b" type="text" /> 
</form> 
</body> 

回答

4

這完全是瀏覽器和操作系統有關,每個瀏覽器都有輸入要素不同的默認樣式和應用額外的樣式時,會作出不同的反應。對於一致的跨瀏覽器輸入元素,您需要對元素的每個方面進行樣式設置(至少是邊框,背景和填充)。

+0

我很害怕這是答案。謝謝 – sdfor 2010-07-31 02:27:52

+2

這就是很多人使用CSS重置的原因,以確保您從所有元素的相同基線樣式開始。 – 2010-07-31 02:27:52

+0

啊,謝謝我現在看到了。 – sdfor 2010-07-31 02:40:05

1

歡迎來到css resets世界。

我發現它只是一個網站必須具備一些重置規則,以便停止所有這些怪癖和某些元素的不同默認值。

正在使用的是this one

+0

非常感謝,謝謝 – sdfor 2010-07-31 02:51:07