当我点击我的超文本标记语言按钮时，显示一个蓝色的“选择”边框[重复]
我创建了这个HTML按钮，在使用CSS对其进行样式化之后，每次单击它时，它周围都会出现一个蓝色的选择边框。有办法解决这个问题吗？我知道默认的unchanged元素在我创建它时不会这样做，所以我认为它一定与我添加的CSS有关。
HTML:
<button type="button" class="drop-button" >-</button>
CSS:
.drop-button {
background-color: #343436;
color: #FFFFFF;
border: none;
border-radius: 5px;
margin-right: 8px;
margin-left: 4px;
height: 20px;
width: 25px;
font-size: 20px;
vertical-align: middle;
line-height: 0px;
}
这里有一个链接。http://jsfiddle.net/xytxnpyt/
共有3个答案
尽管我无法重现您在JSFIDLE中所说的蓝色选择边框，但请尝试添加“outline width:0px到按钮的CSS，看看是否有什么作用
干得好：
.drop-button:focus {
outline: 0;
}
不停摆弄
这是Chrome的默认行为。你可以用这个把它关掉。。。
button:focus{
outline: none;
}
-
我创建了这个HTML按钮，在使用CSS对其进行样式化之后，每次单击它时，它周围都会出现一个蓝色的选择边框。有什么办法可以解决这个问题吗？我知道缺省的不变元素在我创建它的时候并没有做到这一点，所以我在想它一定和我添加的CSS有关。 HTML： 这里有一个链接。http://jsfidle.net/xytxnpyt/
-
我需要帮助创建一个div，当你点击一个按钮时，里面有自定义超文本标记语言的div会被创建。 如果这是可能的（很可能是），我正在制作一个邮箱。 谢谢！！！
-
我确信这对我来说是简单而愚蠢的，但是我的php代码一直显示在我的html页面中。 这只是一个简单的测试： 这就是它的样子： 我到底做错了什么？上面我混合了回声和打印来表明它似乎没有什么不同。
-
我的应用程序中有一个webView。webView最初会打开一个我创建的HTML页面，页面上有几个按钮。这些按钮执行各种任务（我正在尝试学习如何使用webView），例如：1）显示android toast，2）显示javascript警报，3）振动手机，4）显示当前地理位置，5）在webView中打开谷歌地图。 最后一个坏了。我搜索过这个网站和其他很多网站，但没有找到一个有效的解决方案。 我相当
-
我已将边框颜色设置为button border，但当我单击它时，button不显示该颜色。它正呈现出另一种颜色。我该怎么修好它？ 我需要另一个帮助。我如何设置按钮背景像下面的图像？（其实不知道叫什么） 我设计的按钮： 我要设计的按钮： 还有为什么副标题不在一行？为什么要转到另一条新线路？ null null