隱藏JQuery的菜單按鈕，在頭

什麼是隱藏在右邊標題中的3條線圖標下的灰色按鈕的方式嗎？

這是標題的代碼：

<div data-role="header" data-position="fixed" style="min-height: 60px;"> 
    <img border="5" src="logo2.png" alt="Logo" style="border-color:#dd0000;float:left;display:inline"/> 
    <a id="bars-button" data-theme="a" data-wrapperels="span" data-iconshadow="true" data-shadow="true" data-corners="true" class="ui-btn-right ui-btn ui-shadow ui-btn-corner-all ui-btn-up-a" href="#navpanel"> 
    <span class="ui-btn-inner"> 
     <span class="ui-btn-text"><img src="images/smico.png"></span> 
    </span> 
</a> 
</div>

來源

2014-01-10 Charlie

你需要從這個類

.ui-btn-up-a { 
    border: 1px solid rgb(204, 204, 204); 
    // remove this background 
    background: linear-gradient(rgb(255, 255, 255), rgb(241, 241, 241)) repeat scroll 0% 0% rgb(238, 238, 238); 
    font-weight: bold; 
    color: rgb(47, 62, 70); 
    text-shadow: 0px 1px 0px rgb(255, 255, 255); 
}

去除背景或更新爲background: none

要刪除邊框也

.ui-btn-up-a { 
    box-shadow: none; 
} 

.ui-btn-inner { 
    border: none; 
}

這是從你的三線菜單設置背景右頭

來源

2014-01-10 03:13:39

謝謝，但沒有奏效。我找到了該類，並將其更改爲.ui-btn-up-a border：1px solid＃dd0000/* {a-bup-border} * /; \t background：none/* {a-bup-background-color} * /; \t font-weight：bold; \t color：＃2f3e46/* {a-bup-color} * /; ...住其餘的 – Charlie

你可以檢查瀏覽器檢查器中的元素，我試着在那裏工作。可能是一些CSS重寫它。根據檢查它是存在於主題/ MobileApp.css –

可以...我發現一個解決方案改變如此：.ui-btn-right {background：none;顯示：無;邊界：無！重要; }。現在我只需要刪除邊框... – Charlie

好了，現在我找到了一個快速的解決方案在文件頭中添加該代碼在：

 .ui-btn-right { background: none; display: none; border: none !important; }

現在，你可以看到是可見的非常薄的邊框，我不知道如何隱藏或刪除它。

來源

2014-01-10 15:00:49 Charlie

從ui-btn-up-a –

下的此.ui-btn-inner刪除邊界檢查更新答案以刪除邊界.. –

隱藏JQuery的菜單按鈕，在頭

回答

相關問題