javascript - 图像周围出现可笑的灰色边框

Question

我已经尝试了前面问题中的所有建议组合，以努力从我的图像按钮中删除灰色边框，正如您从代码中看到的那样，当单击图像时，它会在按钮下方打开一个内容 Pane :border:none, border:0px 等

似乎没有任何效果。 CSS 可能非常令人沮丧。

下面是我正在使用的 css 和 html，去掉了上面的修复尝试，因为它们似乎不起作用。我希望它就像我忽略或搞砸一样简单。

如有任何帮助，我们将不胜感激。

#basemapbutton {
    position:absolute;
    top:5px;
    right:150px;
    width:20px;
    height:40px;
    z-index:100;
}

和:

<!--Basemap Gallery-->      
<div id="basemapbutton">
    <button dojoType="dijit.form.Button" baseClass="tomButton" border="0" title="Switch Basemap">    
    <img src="images/imgBaseMap.png"/>     
    <script type="dojo/method" event="onClick">   
        toggler[(dojo.style("panel","display") == "none") ? 'show':'hide']();
    </script>
    </button>   
    <div id="panel" dojoType="dijit.layout.ContentPane" style="#900;display: none;">
        <span id="basemapGallery"></span>
    </div>
</div>

Answer 1

只需在主 CSS 文件的顶部添加:

img {

border: 0px !important;
outline: 0 !important;

}

!important 将覆盖所有可以由 javascript 添加的内联样式...