如何从inputbutton中删除轮廓边框
当点击其他地方的边框消失，尝试onfocus没有，但没有帮助，如何使丑陋的button边框消失时点击？
~~~~
<head> <style> input[type="text"] { width:150px; display:block; margin-bottom:10px; background-color:yellow; } input[type="button"] { width:120px; height:60px; margin-left:35px; display:block; background-color:gray; color:white; border: none; } </style> </head> <body> <form name="input" action="" method="get"> Firstname:<input type="text" name="Name" value="Peter" size="20"> Lastname:<input type="text" name="Name" value="Griffin" size="20"> <input type="button" value="Example Button"> </form> </body> </html> <style> input[type="button"] { width:120px; height:60px; margin-left:35px; display:block; background-color:gray; color:white; border: none; outline:none; } </style>
使用大纲：无; 我们可以删除铬中的边框
尝试这个
在Chrome和FF中重点概述
删除：
input[type="button"]{ outline:none; } input[type="button"]::-moz-focus-inner { border: 0; }
演示
PS：
/* Don't forget! User accessibility is important */ input[type="button"]:focus { /* your custom focused styles here */ }
它只为我工作:)
*:focus { outline: 0 !important; }
outline属性是你所需要的。 这是在一个声明中设置以下每个属性的简写：
-
outline-style -
outline-width -
outline-color
你可以使用outline: none; ，这是在接受的答案中提出的。 如果你想要，你也可以更具体：
button { outline-style: none; }
这个为我工作
button:focus { border: none; outline: none: }
