ruby-on-rails - Rails 3 + jQuery Mobile Themeroller = 无效的 CSS

Question

使用通过 Themeroller 创建的自定义 jQuery Mobile 主题可以很好地与 Rails 一起用于本地开发。但是，运行：

rake 资产：预编译

在生产服务器上导致此错误：

“...渐变（线性”：预期的“）”之后的无效 CSS，是“，左上，左...”

custom-theme.min.css 中的那行代码是：

背景图像：-webkit-gradient（线性，左上，左下，从（#333333），到（#333333））；

自定义主题包含在 application.css 中：

 *= require_self
 *= require_tree .
 *= require jquery.mobile.structure-1.1.1.min
 *= require custom-theme.min
 *= require jquery-mobile-fluid960.min

我相信生成的 Themeroller 语法是有效的......它与 css/sass/scss 组合有关吗？

Answer 1

原来 jQuery Mobile Themeroller 可能有点问题。如果未设置渐变和边框（即省略十六进制颜色代码），它仍会生成 # 标签但不生成颜色代码，或者将“NaN”附加到渐变颜色的末尾。border:1px solid # ;在 Themeroller 中设置所有颜色，然后在生成的 *.min.css 文件上进行简单的搜索和替换，即可清除此问题。