Как настроить цвет отображения заголовка?

Question

Я новичок в jQuery mobile. Я пытался изменить цвет заголовка по умолчанию на # 013A6F.

<div data-role="header" data-theme="b">
  <h1> Welcome</h1>
</div>

Любое понимание ??

Answer 1

Я думаю, что это будет ваш CSS. [Ссылка здесь]
Если так, сделайте это.

.ui-bar-b h1{
    background-color: #013A6F;
}

Answer 2

На самом деле вы можете легко добавить свои собственные темы.

Это: https://github.com/jquery/jquery-mobile/blob/master/themes/valencia/jquery.mobile.theme.css если второй набор тем из репозитория проекта.Чтобы добавить свои собственные, вы можете назвать их как угодно, при условии, что вы хотите назвать их одной буквой az.

Например, если вы хотите добавить свою собственную тему 'x', она будет выглядеть как-тонапример:

.ui-bar-x { .... }

Файл, о котором идет речь, является отличным примером того, с чем вы должны играть.И, как указал Навин, это .ui-bar-?класс, с которым вы хотели бы поиграть, чтобы изменить цвет заголовка.

Здесь есть несколько сторонних тем, связанных, к сожалению, некоторые ссылки кажутся неработающими - они выглядели довольно хорошо, когда я впервые увидел это:http://forum.jquery.com/topic/custom-theme-28-2-2011

Answer 3

Это класс в jquery.mobile-1.0b1.min.css, здесь я использовал цвета веб-градиента как # a2cbe7 & # 6aaedb. Вы можете заменить их своими собственными цветовыми кодами.

.ui-bar-b{border:1px solid #456f9a;background:#6aaedb;color:#fff;font-weight:bold;text-shadow:0 -1px 1px #254f7a;background: #6aaedb; /* Old browsers */
    background: -moz-linear-gradient(top, #6aaedb 0%, #a1cae6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6aaedb), color-stop(100%,#a1cae6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6aaedb 0%,#a1cae6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6aaedb 0%,#a1cae6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6aaedb 0%,#a1cae6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #6aaedb 0%,#a1cae6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6aaedb', endColorstr='#a1cae6',GradientType=0 );}