对话框图标
我有以下脚本,我一直在尝试自定义对话框的外观:
http://jsfiddle .net/7CvZ9/18/
但是,我似乎不知道如何自定义关闭图标。
有谁知道该怎么做?
我已经自定义了对话框的其他部分,但查看了主题 api:
http://jqueryui.com/docs/主题/API
但从该链接中,我无法弄清楚如何自定义关闭图标。
所以基本上,我想用我自己的 2 状态图像精灵文件替换现有的 2 状态图像。
I have the following script where I have been trying to customise the look and feel of the dialog box:
However, I can't seem to figure out how to customise the close icon.
Does anyone know how to do that?
I have customised other parts of the dialog but looking at the theme api:
http://jqueryui.com/docs/Theming/API
But from that link, I can't figure out how to customise the close icon.
So basically, I want to replace the existing 2 state image, with my own 2 state image sprite file.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
使用这个 CSS:
例如,我将 X 换成了新图像: http://jsfiddle.net/ AlienWebguy/7CvZ9/22/
Use this CSS:
Example, I swapped out the X for a new image: http://jsfiddle.net/AlienWebguy/7CvZ9/22/
jQuery ui 主题包含所有图标的精灵图像,这些图标组合在一起并组织在同一文件中。
您可以更改自定义主题文件中的图标。
这些文件的命名类似于:
ui-icons_222222_256x240.png
,并且可以在主题的
images
文件夹中找到,图像看起来类似于:
A jQuery ui theme contains sprite images of all the icons grouped together and organzined in the same file.
You can change the icons in your customized theme file.
the files are named something like:
ui-icons_222222_256x240.png
and can be foudn in the
images
folder of the themethe image looks something like that:
关闭图标涉及的类是:
这是生成的标记
我认为你应该重写这两个类来更改按钮的外观
The class involved in the close icon are:
This is the generated markup
i think you should override those two classes to change the way the button looks