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

問題は、ボタン要素および/または div 要素<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

content: ""; を使用してみてください。css スタイルで。

#basemapbutton {
    content: "";

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

このようなボタンの1つのクラスを作成します<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 に答える
0

これは次のことを行う必要があります。

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