周围的按钮不必要的轮廓或边界点击时 [英] Unwanted outline or border around button when clicked

问题描述

我有我的网站样式按钮。但是，当我点击它，它会创建不必要的边界或轮廓（我不知道是哪个）。我想请你告诉我我怎么可以删除边框。下面是所有code，涉及到的按钮。我倒是AP preciate你给任何帮助。谢谢！

CSS的：

 按钮{
边框：隐藏;
保证金底：6像素;
背景颜色：透明;
字体重量：大胆的;
文本转换：大写;
文字修饰：下划线;
光标：指针;
概述：无;
-webkit-边界半径：10px的;
-moz-边界半径：10px的;
边界半径：10px的;}按钮：悬停{
背景颜色：＃ADFF2F;
文字修饰：无;}
 

中的HTML：

 ＆LT;按钮＆gt;这是我的按钮＆LT; /按钮＆GT;
 

解决方案

如果你正在谈论Firefox中的虚线，我想你要找的东西是这样的：

 按钮::  -  MOZ对焦，内{边界：0; }
 

这是对主题的主题：<一href=\"http://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links\">How删除Firefox的虚线轮廓的按钮，以及链接？

I have a styled button on my website. But when I click it, it creates an unwanted border or outline (I don't know which). I would like you to show me how I can remove that border. Below is all the code that pertains to the button. I'd appreciate any help you give. Thanks!

The CSS:

button{
border:hidden;
margin-bottom:6px;
background-color:transparent;
font-weight:bold;
text-transform:uppercase;
text-decoration:underline;
cursor:pointer;
outline:none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

button:hover{
background-color:#ADFF2F;
text-decoration:none;}

The HTML:

<button>this is my button</button>

解决方案

If you are talking about the dotted line in Firefox, I think what you're looking for is this:

button::-moz-focus-inner { border: 0; }

This is a thread on the topic: How to remove Firefox's dotted outline on BUTTONS as well as links?

这篇关于周围的按钮不必要的轮廓或边界点击时的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！