Question

我写了以下页面：

在右侧标题的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>

Answer 1

您需要从此课程中删除背景

.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;
}

这是从右侧标题

的3行菜单设置背景

Answer 2

好的，现在我找到了一个快速解决方案，在文件头中添加了这段代码：

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

现在，你可以看到一个非常薄的边框可见，我不知道如何隐藏或删除它。

隐藏标题中的JQuery菜单按钮

2 个答案: