使用css刪除IE 9中輸入按鈕的黑色輪廓

是否可以刪除IE 9放置提交按鈕時令人討厭的黑色邊框？使用css刪除IE 9中輸入按鈕的黑色輪廓

只有當表單處於焦點時纔會發生這種情況。

IE 9：

IE 9 http://olokoo.com/sandbox/ie.jpg

火狐

Firefox http://olokoo.com/sandbox/firefox.jpg

來源

2011-10-10 Olokoo

這些焦點行是有原因的。它可以幫助用戶知道他們可以進入或空格鍵。如果你問我，不會那麼「煩人」... – Brad

我已經添加了自己的邊框，使用jQuery進行焦點時變得可見。黑色的2px邊框不符合我的設計，我知道人們喜歡知道什麼時候可以打開進入。 – Olokoo

您是否嘗試過'border：none;'和/或'outline：none;'？ – Andy

你可以使用jQuery如果你想要的，但添加以下你的CSS應該修復它

input[type=submit] { border:none !important; }

按您的評論

根據，如果你想使用HTML5或不//編輯，你需要確保你已經設置了的DOCTYPE和meta標籤正確：

HTML5設置：

<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Example document</title> </head> <body> <p>Example paragraph</p> </body> </html>

對於HTML4設置示例，請參閱：W3School

來源

2011-10-11 16:29:15 joshmax

如果你想從與jQuery按鈕刪除邊框，這樣的事情應該工作：

$(":button").css({border-width:"0px"});

來源

2011-10-10 21:32:40

使用css刪除IE 9中輸入按鈕的黑色輪廓

回答

相關問題