所有瀏覽器的CSS對齊

我遇到了所有瀏覽器對齊輸入文本字段，密碼文本字段和登錄按鈕的問題。如果它在一個瀏覽器上運行，它不適用於另一個瀏覽器。任何工作？所有瀏覽器的CSS對齊

它是如何工作的谷歌瀏覽器：

header #login_button 
{ 
    padding: 8px; 
    border-radius: 0px 6px 6px 0px; 
    float: right; 
    margin-top: 2px; 
} 

header input[type=submit] 
{ 
    border: none; 
    border-radius: 3px; 
    padding: 4px 8px; 
    font-weight: bold; 
    font-size: 10px; 
}

它是如何工作的Internet Explorer中

header #login_button 
{ 
    padding: 9px; 
    border-radius: 0px 6px 6px 0px; 
    float: right; 
} 

header input[type=submit] 
{ 
    border: none; 
    border-radius: 3px; 
    padding: 4px 8px; 
    font-weight: bold; 
    font-size: 9px; 
}

它是如何工作的火狐

header #login_button 
{ 
    padding: 7px; 
    border-radius: 0px 6px 6px 0px; 
    float: right; 
} 

header input[type=submit] 
{ 
    border: none; 
    border-radius: 3px; 
    padding: 4px 8px; 
    font-weight: bold; 
    font-size: 9px; 
}

個

只是爲了總結的差異：

Chrome需要：

font-size:10px; 
padding: 8px; 
margin-top: 2px;

火狐要求：

font-size: 9px; 
padding: 7px;

IE要求：

font-size: 9px; 
padding: 9px;

任何幫助表示讚賞。

謝謝。

來源

2012-12-21 user1834218

雖然你正在使用一些CSS重置，對吧？如果你不是，請做。 –

你能接受答案嗎？ :) –

-2

你應該使用這樣的：

我忘了提，複製並粘貼線以下，內外標籤然後.webkit將工作

<pre> 
    <script src="http://github.com/rafaelp/css_browser_selector/raw/master/css_browser_selector.js" type="text/javascript"></script> 
    </pre>

 
header input[type=submit]{ 
    font-size: 10px; /* standard */ 
    font-size: 10px\9 /* IE 8 and below*/ 
    padding: 9px\9; /* IE 8 and below */ 
    *padding: 15px\9; /* IE 7 and below */ 
    _padding: 16px\9; /* IE 6 */ 
}

鍍鉻：

 
.webkit header input[type=submit] { 
    font-size: 10px; 
    padding: 8px; 
    margin-top: 2px; 
}

Reference Link

來源

2012-12-21 05:17:20

海事組織，它使生活艱難，同時使用很多CSS瀏覽器黑客，尤其是可維護性。 –

由於某些原因，.webkit不起作用。我也重置了我的緩存。我現在要嘗試IE黑客攻擊。 – user1834218

不，我沒有使用CSS重置。我會研究它。這可能是問題所在。 IE黑客完美工作 – user1834218

我不認爲你需要爲不同的瀏覽器編寫不同的樣式。您可以使用normalize.css或reset.css之類的內容。這些CSS文件具有必要的樣式和黑客功能，可以使所有瀏覽器中的html看起來幾乎完全相同。

http://necolas.github.com/normalize.css/

http://www.cssreset.com/

希望有所幫助。

來源

2012-12-21 05:49:53

所有瀏覽器的CSS對齊

回答

相關問題