マテリアルデザインの.mdl-layout__drawer-buttonから外側の境界線を削除しますか？

.mdl-layout__drawer-buttonから外枠を削除したいとします。それをクリックすると、外側の正方形のボックスが表示されます。私はthis siteを参照しています。以下
は、そのためのコードとスクリーンショットです：マテリアルデザインの.mdl-layout__drawer-buttonから外側の境界線を削除しますか？

<!-- Uses a transparent header that draws on top of the layout's background --> 
<style> 
.demo-layout-transparent { 
    background: url('../assets/demos/transparent.jpg') center/cover; 
} 
.demo-layout-transparent .mdl-layout__header, 
.demo-layout-transparent .mdl-layout__drawer-button { 
    /* This background is dark, so we set text to white. Use 87% black instead if 
    your background is light. */ 
    color: white; 
} 
</style> 

<div class="demo-layout-transparent mdl-layout mdl-js-layout"> 
    <header class="mdl-layout__header mdl-layout__header--transparent"> 
    <div class="mdl-layout__header-row"> 
     <!-- Title --> 
     <span class="mdl-layout-title">Title</span> 
     <!-- Add spacer, to align navigation to the right --> 
     <div class="mdl-layout-spacer"></div> 
     <!-- Navigation --> 
     <nav class="mdl-navigation"> 
     <a class="mdl-navigation__link" href="">Link</a> 
     <a class="mdl-navigation__link" href="">Link</a> 
     <a class="mdl-navigation__link" href="">Link</a> 
     <a class="mdl-navigation__link" href="">Link</a> 
     </nav> 
    </div> 
    </header> 
    <div class="mdl-layout__drawer"> 
    <span class="mdl-layout-title">Title</span> 
    <nav class="mdl-navigation"> 
     <a class="mdl-navigation__link" href="">Link</a> 
     <a class="mdl-navigation__link" href="">Link</a> 
     <a class="mdl-navigation__link" href="">Link</a> 
     <a class="mdl-navigation__link" href="">Link</a> 
    </nav> 
    </div> 
    <main class="mdl-layout__content"> 
    </main> 
</div>

出典

2017-01-17 MD Shahrouq