問題的瀏覽器

我有CSS和FF3/IE7和Opera一個問題10.問題的瀏覽器

我有一個輸入[類型=「提交」]和一個錨，我想他們的風格相同的之間輸入和錨。無論我嘗試什麼，唯一的邏輯瀏覽器似乎是Opera 10（它的樣式與使用相同的CSS相同）。

FF似乎有不同的填充（我將需要提交框中1px較小的填充以適應，但這會拋出Opera 10）和IE7只是離開。爲你的代碼愛好者

代碼：

<form action="/login" method="post" id="loginform"> 
    <fieldset> 
     <input type="submit" value="Login" /> 
     <a href="/register">Register</a> 
     <a href="/reminder">Lost Password?</a> 
</fieldset> 
</form>

CSS：

fieldset a { 
    color: #ffcc00; 
    border: 1px solid #707070; 
    background: #000000; 
    font-size: 10px; 
    font-weight: normal; 
    padding: 2px; 
    /*vertical-align: text-top;*/ 
} 
fieldset a:hover { 
    color: #ffcc00; 
    border: 1px solid #707070; 
    background: #333333; 
    cursor: pointer; 
    font-size: 10px; 
    font-weight: normal; 
    text-decoration: none; 
    padding: 2px; 
} 
fieldset input[type="submit"] { 
    color: #ffcc00; 
    padding: 2px; 
    border: 1px solid #707070; 
    background: #000000; 
    font-size: 10px; 
    font-weight: normal;  
} 
fieldset input[type="submit"]:hover { 
    color: #ffcc00; 
    padding: 2px; 
    border: 1px solid #707070; 
    background: #333333; 
    cursor: pointer; 
    font-size: 10px; 
    font-weight: normal; 
}

任何幫助解決瀏覽器之間的對準問題所需的，因爲我需要支持所有三種（Safari瀏覽器太多，但我想想如果我得到這3個對齊它也應該在那裏工作）。

提前感謝（P.S我現在要在午飯後正確提前很抱歉的緩慢回覆將檢查答案）

來源

2009-09-16 Dorjan

Firefox的問題就解決了這樣

button::-moz-focus-inner { 
    border: 0; 
    padding: 0; 
}

來源

2009-09-16 11:34:20 n1313

這確實解決了其中一個問題，所以+1在這裏：D – Dorjan 2009-09-16 13:11:29

是否有一個地方所有這些命令？ -moz-甚至Opera/IE？ – Dorjan 2009-09-16 13:19:02

嗯，我建議閱讀你的useragent的內部CSS文件... – n1313 2009-09-16 14:23:57

孤立試試這個。我建議使用reset.css文件來強制所有瀏覽器將蘋果視爲蘋果，然後相應地設計您的INPUT和A元素。

其他CSS規則可能會混合使用。

請參閱http://meyerweb.com/eric/tools/css/reset/瞭解重置文件。

我有問題與IE和風格的某些元素（特別是禁用的元素），而過去IE在處理版本6和7

之間的這種造型的不同之處以下DOCTYPE似乎幫助在這種情況下，但渲染IE 6可能不再按預期工作：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

來源

2009-09-16 11:29:10

現在，這是一個INTE休息和偉大的想法大衛。我會立即閱讀它 – Dorjan 2009-09-16 12:53:38

不幸的是，這不會重置按鈕:( – Dorjan 2009-09-16 15:15:28

嘗試添加一個嚴格的DOCTYPE到您的頁面並加載它在IE 7中。怪癖模式可能會影響你的樣式。某些東西沒有風格以及IE ...尤其是版本6. – 2009-09-16 17:05:05

問題的瀏覽器

回答

相關問題