垂直對齊Firefox中輸入內的文本 - 僅限於Windows

Question

這可能是一個簡單的修復方法，但我無法找到如何將我的文本在PC上的firefox中垂直對齊。

我使用該文本我一直使用到中心：

input.input_search_bg { 
    background: url("../images/input_search.png") no-repeat scroll 0 0 transparent; 
    border: 0 none; 
    color: #145D94; 
    float: left; 
    font-size: 13px; 
    height: 26px; 
    line-height: 26px; 
    margin: 0 7px 0 0; 
    padding: 0 8px 0 7px; 
    width: 266px; 
} 

我行高度定心它，在Mac上它看起來很棒。但是當我在PC上測試FF 3.0時，它並不一致。有關如何解決這個問題的任何想法？

HTML該節：

  <div class="top_search"> 
       <form> 
        <div class="search_box"> 
         <input type="text" value="Search" class="tog input_search_bg" /> 
        </div> 
        <input type="submit" class="search_submit_btn" /> 
       </form> 
      </div> 

Answer 1

可悲的是火狐（不知道所有版本）不允許對input元素指定自己的line-height：http://www.cssnewbie.com/input-button-line-height-bug/

你要玩與font-size和/或padding。

Answer 2

給填充底，

input.input_search_bg { 
    background: url("../images/input_search.png") no-repeat scroll 0 0 transparent; 
    border: 0 none; 
    color: #145D94; 
    float: left; 
    font-size: 13px; 
    height: 26px; 
    line-height: 26px; 
    margin: 0 7px 0 0; 
    padding: 0 8px 4px 7px; 
    width: 266px; 
}