2010-05-21 91 views
4

這兩件事情在CSS重置中有什麼用處?請詳細解釋YUI3的這部分CSS重置

在IE中以及在哪個版本中調整輸入元素的大小時會出現什麼問題?

,如果傳奇色彩不能在IE繼承那麼如何可以解決的加入color:#000;

/*to enable resizing for IE*/ 
input, 
textarea, 
select { 
    *font-size:100%; 
} 
/*because legend doesn't inherit in IE */ 
legend { 
    color:#000; 
} 
+0

只需根據需要明確設置字體大小和顏色即可。 YUI並不完美...... – reisio 2010-05-21 19:23:00

回答

2

第一條規則其實並不在IE瀏覽器只適用,但對所有化網頁瀏覽器。通常你想在body定義全球字體:

body { 
    font: 1.1em verdana, arial, sans-serif; 
} 

但這不應用在所有化網頁瀏覽器(繼承)的表單控件。然後,該規則將(僅)字體大小應用於它們。一種方法是設置fontinherit這些元素:

input, select, textarea { 
    font: inherit; 
} 

但是,這並不在IE6/7工作。另一種方法是隻明確包括在規則的元素:

body, input, select, textarea { 
    font: 1.1em verdana, arial, sans-serif; 
} 

只有font-size被設定可能是因爲YUI傢伙想保留的形式控制自己的瀏覽器的默認字體家族(這是sans-serif對於inputselect並且對於textareamonospace)。 100%已被使用,因爲IE6/7不支持inherit

至於第二條規則:我不確定它們在這裏的含義。我在IE6/7中做了一些測試。 legend只是從其父元素繼承顏色。也許真正的問題在別的地方?