0

我正在尝试向按钮添加图标，这些按钮是使用 jQuery 动态创建的。我为按钮创建了 css 类。在运行时，我在按钮的一侧得到一个灰色的圆形圆圈，而不是图像。在检查元素时，我发现按钮的图像已被覆盖。

如何确保出现按钮图标而不是灰色圆圈？我使用的代码是：

JS：

var btn1 = $("<button/>", {'id': 'TestButton'}).html('Sample Button');
btn1.buttonMarkup({ theme: 'c', icon: 'btn1' });

CSS：

.ui-icon-btn1 {
    background-image: url('../../images/gallery.jpg');
    background-color: rgb(255,255,255);
    border-style: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
}
4

1 回答 1

1

一个简单的解决方案是你把!important那个属性。

background: url('../../images/gallery.jpg') !important;
background-color: rgb(255,255,255) !important;

这在 jQuery-mobile 的类似问题上对我有用。

编辑：

要删除按钮周围的光盘，您需要添加

`border: 0 !important;`

到班级

.ui-li-link-alt .ui-btn但请确保不要覆盖jQuery UI的默认行为。

于 2013-10-23T05:58:37.633 回答