-1

こんにちは、ハンバーガーのアイコンを Google Chrome のツールバーに表示する方法を教えてください。アイコンを表示するためにユニコード文字 ☰ を使用しました。特に、クロムのアイコンにカーソルを合わせると、境界線で強調表示されます。スクリーンショットを添付しました。

アプリケーションで同じスタイルを実現したいと考えています。

これは、IE 8 以降および Google Chrome で動作するはずです。どんな助けでも大歓迎です..Chrome-HamburgerIcon

これが私が試したコードの一部です..

#HamburgerMenu a:link,
#HamburgerMenu a:hover,
#HamburgerMenu a:visited
{
    text-decoration:none;
    color:Gray;
    margin-top:8px;
    display:block;
    cursor:default;
    margin-left:1.5px
    
}

#HamburgerMenuLink:hover
{
    z-index:1000;
    border:0px groove gray;
    /*outline-style:outset;*/
   background-color:#d3d3d3;
}
<a id="HamburgerMenuLink">&#9776;</a>

クロムで行われた方法を達成することはできません...

4

1 に答える 1

0

これを試して。

#HamburgerMenu a:link,
#HamburgerMenu a:hover,
#HamburgerMenu a:visited
{
    text-decoration:none;
    color:Gray;
    margin-top:8px;
    display:block;
    cursor:default;
    margin-left:1.5px
    
}

#HamburgerMenuLink{
  padding: 5px;
}
#HamburgerMenuLink:hover
{
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 4px;
}
<a id="HamburgerMenuLink">&#9776;</a>

于 2015-04-02T20:53:22.700 に答える