我已经尝试过在这个网站和其他许多网站上找到的几个解决方案,但没有解决问题。我试过了
Outline:0;
,Outline:none;
,box-shadow:none;
,尝试指定课程等等。
我创造了自己的时尚按钮,周围的蓝色光芒看起来非常难看。
我可以删除它也很重要,因为我正在创建一个多页表单(调查),每页下面有3个按钮,我不希望其中一个有蓝色轮廓。它们应该看起来都一样。
我离线工作后无法提供链接。
这是我的代码:
a.button,
input[type='reset'],
input[type='button'],
input[type='submit'],
input[type='submit']:focus
{
-moz-border-radius: 2px;
-moz-box-shadow: 1px 1px 2px 2px rgba(255, 255, 255, 0.1);
-webkit-box-shadow: 1px 1px 2px 2px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 2px;
background-color: #f9f9f9; /* Alabaster */
background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
box-shadow: 1px 1px 2px 0px rgba(226, 226, 226, 0.8);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border: 1px solid #dddddd;
color: #000000;
cursor: pointer;
display: inline-block;
min-width: 100px;
width: 120px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
font-size: 14px;
font-weight: 700;
line-height: 20px;
margin: 0;
padding: 4px 0px;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
outline:transparent;
}
<span style="float:left;">
<span style="direction:rtl;float:left;margin-right:10px;">
<input type="submit" name="_NNext" class="mrNext" style="width: 70px;" value="Volgende" alt="Volgende"></input>
<input type="submit" name="_NPrev" class="mrPrev" style="width: 70px;" value="Vorige" alt="Vorige"></input>
</span>
<input type="submit" name="_NStop" class="mrStop" style="width: 70px;" value="Stop" alt="Stop"></input>
</span>