Кнопки Css for Link (без текста) в заголовке страницы, используя Jquery Mobile

Question

Эй, я сделал этот образец страницы для меня http://jsfiddle.net/9S3a3/12/, если мы посмотрим на кнопки, под ними будет небольшая тень, я хочу убрать их взгляд, я попытался изменить размеры полей отступов, но не в состоянии сделать это. Любое решение этого ??

---------- Редактировать ----------

Я говорил о кнопке назад и кнопке переключения передач, посмотрите это http://i.imgur.com/pgwxr.png

Answer 1

box-shadow s применяются с использованием класса .ui-shadow. Поэтому редактирование этого CSS-класса, как показано ниже, удалит тени:

<style>
[data-role="header"] a.ui-shadow {
    box-shadow: none ;
}
</style>

Это удалит box-shadow для любой ссылки с классом .ui-shadow, которая находится внутри элемента data-role="header".

Вот ссылка на обновленную версию вашей скрипки: http://jsfiddle.net/9S3a3/14/

В примечании стороннего характера для большинства элементов я удаляю тень текста и прямоугольника, поскольку это значительно повышает производительность на мобильных устройствах.

Answer 2

Я не понял, о каких кнопках вы спрашиваете, однако поправьте меня, если я ошибаюсь.Добавьте

#nav_header {
    border-bottom: none;
}

к вашему CSS (http://jsfiddle.net/9S3a3/13/), чтобы удалить тень (границу) под кнопками Featured, Near, New.