Html 为什么我的按钮在点击时看起来不一样？

我已经创建了一个提交按钮，但每次我点击它，它的边界消失，角落变得模糊。但是，当您在submit按钮外单击时，外观会恢复正常。我不太清楚为什么。我只是想让我的按钮在整个点击过程中看起来都一样。这是我的密码：

<input class="Submit" type="submit" value="Send"/>

.Submit {
    background-color:#2b6ba1;
    color:white;
    position:relative;
    height:30px;
    width:80px;
    border-radius:5px;
    border:1px solid #1b4898;
    box-shadow:0px 1px 2px black;
}

.Submit:hover {
    background-color:#2276bd;
}

.Submit:active {
    background-color:#185589;
    top:1px;
}

.提交{
背景色：#2b6ba1；
颜色：白色；
位置：相对位置；
高度：30px；
宽度：80px；
边界半径：5px；
边框：1px实心#1b4898；
盒影：0px 1px 2px黑色；
}
。提交：悬停{
背景色：#2276D；
}
。提交：活动{
背景色：#185589；
顶部：1px；
}

下面是JSFIDLE链接：

---

如果有人能帮助我，我将不胜感激，谢谢你

尝试在你的css中添加以下内容：

.Submit:focus {outline:0;}

---

这里是小提琴：

尝试在css上添加以下内容：

.Submit:focus {outline:0;}

---

这里的提琴：

这是因为在chrome中，当您关注按钮时，默认情况下它将

:focus {
  outline: -webkit-focus-ring-color auto 5px;
}

所以，只要把它设为0，就可以解决你的问题

    .Submit:focus{
    outline:0;
}

---

这是因为在chrome中，当您关注按钮时，默认情况下需要

:focus {
  outline: -webkit-focus-ring-color auto 5px;
}

所以，只要把它设为0，就可以解决你的问题

    .Submit:focus{
    outline:0;
}

---

在safari中看起来不错，在ChromeLook中也不错，在ChromeDin中也不太好我甚至不知道有一个轮廓属性+1非常感谢你，只是我在找的我甚至不知道有一个轮廓属性+1非常感谢你，就是我在找的