Я написал следующую страницу:
Каким образом можно скрыть серо-кнопку под значком 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>
Вам нужно удалить фон из этого класса
.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-х строк в правом заголовке
Хорошо, теперь я нашел быстрое решение, добавив этот код в в заголовок файла:
.ui-btn-right { background: none; display: none; border: none !important; }
Теперь, как вы видите, видна очень тонкая граница, и я не знаю, как ее скрыть или удалить.