jQuery UI带有一些好的图标.如何在没有按钮的情况下使用它们?让我们说如何创建带加号的链接,并通过更改图标对悬停和点击做出反应? 这是添加了图标的演示.
更新1: 悬停图标应将颜色从灰色更改为黑色(请在此处查看).在我的演示中,它从一开始就是黑色的.
更新2: 这几乎是我需要的 - http://jsfiddle.net/and7ey/gZQzt/6/ - 但没有那个背景矩形,我只需要加号.
更新3: 看起来最好不要使用标准的jQuery UI样式,而是直接引用图像,但我不知道如何使用它.
似乎我需要定义CSS,如:
width: 16px;
height: 16px;
background-image: url(images/ui-icons_222222_256x240.png);
background-position: -32px -128px;
Run Code Online (Sandbox Code Playgroud)
可以在jquery.ui.theme.css文件中轻松找到位置.但是我应该怎么做:
在下面的示例中,我正在尝试将文本,输入框和图标对齐而不进行重叠.
我缺少一些css吗?
谢谢
编辑,遗憾的是我需要一个可以与FF和IE6一起使用的解决方案:(