Question

我已尝试过以前问题中的所有建议组合，以便从我的图片按钮中移除灰色边框，正如您从代码中看到的，当点击图片时，它会打开按钮下方的内容窗格：{{ 1}}，border:none等

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

下面是我正在使用的css和html，因为它们似乎无法正常工作而被删除了上述修复尝试。我希望它能像我一样简单地俯视或搞砸一些东西。

任何帮助都将不胜感激。

border:0px

和

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

Answer 1

问题是<img>周围的按钮元素和/或div元素。

#basemapbutton img, button img,
#basemapbutton:active img, button:active img
#basemapbutton:focus img, button:focus img {
  border: none;
  outline: 0;
}

Answer 2

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

img {

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

}

！important 会覆盖可以通过javascript添加的每个内联样式...

Answer 3

这应该做：

#basemapbutton button {
    border: 0px;
    padding: 0px;
}

Answer 4

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

只需在此课程中为此课程.remove_border{ border-style:none; padding:0px;}

添加此点

Answer 5

尝试使用内容：“”;用css风格。

#basemapbutton {
    content: "";

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

图像周围有可笑的灰色边框

5 个答案: