Question

<a id="advertiser_modal" class="min-button in-block" tabindex="-1"> 
 <img width="9" height="10" src="/themes/default/css/images/new-window-icon.png"> Select an Advertiser
</a>

在上面的html代码中我有img包装在锚标签内，有tabindex，当我点击new-window-icon.png时，图像正在下沉，

但是当我尝试删除tabindex时，

<a id="advertiser_modal" class="min-button in-block"> <!--tabindex="-1"-->
  <img width="9" height="10" src="/themes/default/css/images/new-window-icon.png"> Select an Advertiser
</a>

现在当我点击图片new-window-icon.png时，它没有下沉，工作正常，但我希望tabindex能够存在，

请提出任何建议，

提前致谢

Answer 1

添加outline:none !important

.min-button{outline: none !important; }

demo http://jsfiddle.net/jQLd4/

感谢您的回复，只是它无法解决我的问题，当我点击图片时，同样的事情正在发生，我的意思是，图像正在下沉。

使用CSS

.min-button {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background: -moz-linear-gradient(center top , #EF8C41 0%, #D97726 100%) repeat scroll 0 0 transparent;
    border-color: #DE8038 #DE8038 #A3563C !important;
    border-image: none !important;
    border-style: solid !important;
    border-width: 1px !important;
    margin-left: -12px;
}

锚标签中的tabindex，下沉图像大小

1 个答案: