使用jQuery Mobile驱动的网站使用我自己的主题（风格）设计和图标的正确方法是什么？

Question

jQuery mobile有5个内置主题

http://jquerymobile.com/demos/1.0a4.1/#docs/toolbars/../../docs/api/themes.html

但我正在制作的移动网站设计不同，图标也不同。

如何以及在何处编写自定义css并将默认图标更改为自定义图标？

我应该选择任何默认主题的CSS并对其进行更改吗？

我应该用我的图标替换默认图标以保持相同的名称吗？

Answer 1

我会拒绝对核心jQM CSS文件进行更改，而是在您自己的CSS中覆盖您想要的内容。对于主题，您需要按如下方式自行滚动：

  

2011年将推出一个新的ThemeRoller工具和jQuery Mobile 1.0版本。与此同时，通过编辑主题css文件手动编辑默认主题中的基本样本和/或添加其他样本很简单：复制块样本样式，使用新样本字母名称重命名类，并调整颜色。

http://jquerymobile.com/demos/1.0a4.1/docs/api/themes.html

...对于自定义按钮图标，这里是文档的内容：

  

要使用自定义图标，请指定具有myapp-email等唯一名称的数据图标值，按钮插件将通过在ui-icon-前添加数据图标值并将其应用于按钮来生成类。然后，您可以编写一个针对ui-icon-myapp-email类的CSS规则，以指定图标背景源。要保持视觉一致性，请创建一个18x18像素的白色图标，保存为具有Alpha透明度的PNG-8。

http://jquerymobile.com/demos/1.0a4.1/docs/buttons/buttons-icons.html