爲什麼在Chrome和FireFox中選擇的位置不同？

Question

  #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中高一點？

Answer 1

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

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

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