2012-12-16 98 views
0
  #allday{ 
      width: 175px; 
      border: 1px solid #e7e7e7; 
      font-size: 12px; 
      color: #666666; 
      height: 22px; 
     } 

     <select id ="allday" style=""> 
      <option value = "false">FALSE</option> 
      <option value = "true">TRUE</option> 
     </select> 

有沒有人知道爲什麼在Chrome瀏覽器中選擇的位置看起來比在FireFox中高一點?爲什麼在Chrome和FireFox中選擇的位置不同?

+0

嘿男人,因爲谷歌鉻有一個狹窄的頂部酒吧,從而導致窗口高度增加! –

+0

CSS RESET:http://meyerweb.com/eric/tools/css/reset/ –

回答

2

瀏覽器爲HTML元素預定義了CSS值。如果你沒有指定一個特定的CSS規則,那麼瀏覽器就會自行設置它的「認爲」它應該看起來(如果需要的話)。例如,如果您製作了<div>元素,但未指定display:規則,Google Chrome會自動將其設置爲display: block;

在任何情況下,使用inspect元素並嘗試查找計算樣式中瀏覽器的不同位置。請留意用戶代理樣式表,因爲這些是從瀏覽器插入的值。

正如評論還表示,CSS RESET也將有所幫助。

+0

這是正確的答案。 – Giuseppe

相關問題