gpt4 book ai didi

jquery - 使用 jQuery Mobile 支持的网站使用我自己的主题(样式)设计和图标的正确方法是什么?

转载 作者:太空宇宙 更新时间:2023-11-04 00:26:24 24 4
gpt4 key购买 nike

jQuery Mobile 有 5 个内置主题

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

enter image description here

但是我做的手机网站的设计不一样,图标也不一样。

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

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

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

最佳答案

我会拒绝更改核心 jQM CSS 文件,而是在您自己的 CSS 中覆盖您想要的内容。对于主题,您需要按照以下方式自己制作:

A new ThemeRoller tool will launched with the jQuery Mobile 1.0 release in 2011. In the meantime, it's simple to manually edit the base swatches in the default theme and/or add additional swatches by editing the theme css file: copy a block of swatch styles, rename the classes with the new swatch letter name, and tweak colors.

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

… 对于自定义按钮图标,文档是这样说的:

To use custom icons, specify a data-icon value that has a unique name like myapp-email and the button plugin will generate a class by prefixing ui-icon- to the data-icon value and apply it to the button. You can then write a CSS rule that targets the ui-icon-myapp-email class to specify the icon background source. To maintain visual consistency, create a white icon 18x18 pixels saved as a PNG-8 with alpha transparency.

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

关于jquery - 使用 jQuery Mobile 支持的网站使用我自己的主题(样式)设计和图标的正确方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6577667/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com