jquery - Bootstrapper 无法在自定义按钮渐变中编程

Question

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

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

<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>

但这并没有用，只是让它们变成了灰白色。我真的可以在这里得到一些帮助，我们将不胜感激。

提前致谢!

Answer 1

这可以相对容易地完成。

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

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

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

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

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

就是这样。