我正在尝试去除提交按钮周围的小蓝色边框,该边框出现在按下按钮时。我尝试使用 border: none;
来解决,但这并没有解决问题。
目前我的代码如下:
<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并使用Google Chrome 42.0.2311.90运行它。
更新
.btn:focus {
outline: none;
}
这对我很有帮助!我不打算通过键盘访问我的网站,所以我不需要蓝色的轮廓线。这只是为了美观。
outline: none;
方法。 - Manly