0

**请注意我正在使用这个“ http://andymatthews.net/read/2012/02/13/New-jQuery-Mobile-theme:-Twitter-Bootstrap”**

所以这就是标准按钮“嵌入”的样子，只是一个简单的元素。

<a href="/mobile/daily.cfm" data-rel="dialog" data-role="button" data-transition="pop" data-ajax="false" data-theme="b" class="">Daily Progress</a>

现在我不确定你们中是否有人熟悉 Bootstrapper，但它带有一些预定义的按钮样式。虽然我不知道如何添加自定义的。我原以为这会是在公园里散步，但事实证明并非如此……或者至少我犯了一个愚蠢的错误或忘记了什么。

我要使用的渐变是这个

background: #fa5976; /* Old browsers */
background: -moz-linear-gradient(top,  #fa5976 0%, #fa5573 13%, #fa4c6b 30%, #f6374e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa5976), color-stop(13%,#fa5573), color-stop(30%,#fa4c6b), color-stop(100%,#f6374e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fa5976 0%,#fa5573 13%,#fa4c6b 30%,#f6374e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fa5976 0%,#fa5573 13%,#fa4c6b 30%,#f6374e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fa5976 0%,#fa5573 13%,#fa4c6b 30%,#f6374e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fa5976 0%,#fa5573 13%,#fa4c6b 30%,#f6374e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5976', endColorstr='#f6374e',GradientType=0 ); /* IE6-9 */

该梯度是使用梯度生成器生成的。渐变只是一种中等的粉红色风格。

现在我认为这就像复制“b”样式并制作新的“x”、“z”、“p”等样式一样简单，但显然这不起作用。

这是“b”样式看起来很长的样子，所以我将发布一个指向 pastebin 的链接。( http://pastebin.com/Jz0JhsPq )。

现在我想我可以做这样的事情（http://pastebin.com/4h4rhscH），然后将菜单项更改为这样的

<a href="/mobile/daily.cfm" data-rel="dialog" data-role="button" data-transition="pop" data-ajax="false" data-theme="p" class="">Daily Progress</a>

但这并没有奏效，只是让它们变成了灰白色。我真的可以在这里使用一些帮助，任何支持都将不胜感激。

非常感谢提前！

4

1 回答 1

1

这可以相对容易地完成。

  • 下载http://andymatthews.net/read/2012/02/13/New-jQuery-Mobile-theme:-Twitter-Bootstrap。您可能没有删除它，只是为了安全起见。

  • 转到此链接http://jquerymobile.com/themeroller/。当它加载时，请查看顶部并单击“导入或升级”按钮。这将打开一个文本区域，您必须在其中粘贴您的 CSS。

  • 打开 /Bootstrap.css 并复制其内容。将其粘贴到 textarea 字段中。

  • 现在单击添加色板并创建您自己的主题。您可以复制现有的一个或从头开始创建一个全新的。

  • 完成工作后，单击屏幕顶部的下载按钮。

就是这样。

于 2012-12-28T09:29:59.583 回答