隐藏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的菜单按钮，在头

回答

相关问题