2

正如您从代码中看到的那样，当单击图像时，它会在按钮下方打开一个内容窗格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>
4

5 回答 5

1

只需在主 CSS 文件的顶部添加以下内容：

img {

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

}

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

于 2012-09-28T12:45:34.127 回答
1

问题是按钮元素和/或<img>.

#basemapbutton img, button img,
#basemapbutton:active img, button:active img
#basemapbutton:focus img, button:focus img {
  border: none;
  outline: 0;
}
于 2012-09-28T12:47:28.180 回答
1

尝试使用内容：“”；在 CSS 样式中。

#basemapbutton {
    content: "";

    position:absolute;
    top:5px;
    right:150px;
    width:20px;
    height:40px;
    z-index:100;
}
于 2015-07-01T07:30:31.323 回答
0

这应该这样做：

#basemapbutton button {
    border: 0px;
    padding: 0px;
}
于 2012-09-28T12:47:09.527 回答
0

像这样为按钮创建一个类<button dojoType="dijit.form.Button" baseClass="tomButton" class="remove_border" title="Switch Basemap">

只需将这一点包含在您的 css 中即可.remove_border{ border-style:none; padding:0px;}

于 2012-09-28T12:50:15.697 回答