我試圖刪除按下時出現的提交按鈕周圍的小藍色邊框。我試圖用border: none;
修復它,但那並沒有解決它。 目前我的代碼看起來是這樣的:在<form>中刪除藍色邊框提交按鈕
<html>
<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
<link rel="stylesheet" type="text/css" href="hover.css" />
</head>
<body>
<form id="button1" action="#" method="post">
<input type="submit" value="ORANGE"
class="btn btn-warning"/>
</form>
</body>
</html>
Jsfiddle
我使用XAMPP localhost上和谷歌Chrome運行42.0.2311.90
UPDATE
.btn:focus {
outline: none;
}
這爲我修好了!我不打算讓我的網站通過鍵盤訪問,所以我不需要藍色輪廓。這只是看起來。
的jsfiddle代碼對我來說看起來很好。沒有藍色邊框。 – Cherry
你使用了哪個瀏覽器? – Aruloci
你在點擊按鈕時是否在談論輪廓?這就是你的按鈕在Chrome上的樣子https://www.evernote.com/shard/s136/sh/b17e198f-8c77-4306-9a81-c2a902b139ca/20a74b16b9bc85451e507e459ad95041 – jerrylow