2011-01-28 23 views
2

嘗試定義樣式以形成按鈕時遇到了一些麻煩。我的應用程序必須兼容IE6,這意味着我不能使用屬性選擇器。相反,我爲每個按鈕添加了一個類。「輸入類型=提交」瞭解CSS類嗎?

這是我的一個按鈕(ASP.Net自動生成的代碼)

<input type="submit" name="ctl00$cphContenu$adminTabContainer$adminTabAccueil$ctl01" value="Valider" class="formBouton" /> 

的代碼,並在這裏是要影響它

* 
{ 
    font-family:verdana, sans-serif; 
    font-size:12px; 
    margin:0; 
    padding:0; 
    border:0; 
} 

input, textarea, select 
{ 
    border:2px inset #ccc; 
} 

.formBouton 
{ 
    border:2px outset #ccc; 
} 

結果是在CSS。定義按鈕插入邊框。我的第一個線索是,我的樣式表中的其他CSS受到干擾,因此我使用Firefox的Web開發人員工具欄檢查了哪些樣式適用於我的按鈕。僅使用兩個選擇器:通用選擇器和標籤選擇器。沒有不需要的定義被應用,並且根本沒有考慮這個類。我不知道爲什麼。

編輯:由於IE6速度很慢,我有時間看看實際發生了什麼:我的類按預期工作,但在加載期間突然被刪除(這就是爲什麼它沒有出現在wed開發工具欄中)。這實際上是我的JS代碼中的一個錯誤。感謝所有試圖幫助的人。 :)

回答

1

我想這是因爲在IE6中,你不能用CSS設計邊框的樣式。解決方法是用border: 0刪除按鈕的邊框,並用跨度作爲邊框來包裝按鈕。你可以在這裏看到一個例子:Any way to remove IEs black border around submit button in active forms?

+0

這是一件很好的事情要知道,謝謝。不幸的是,這對我的問題沒有幫助。我與Firefox和IE有相同的問題,如果不讀取類定義中的代碼,我無法定義邊框:0到我的按鈕。 :/ – 2011-01-28 08:55:44

0

我已經有一段時間了,因爲我已經爲IE6編寫了程序,但是表單中沒有任何按鈕會觸發提交操作?即使它不是輸入提交?

另一種選擇是採取一個按鈕,併產生一個表單提交操作onclick。這將允許您按照自己喜歡的樣式設置按鈕的樣式。

+0

是的,除非您在`