问jquery移动用户界面-输入-btn自定义图标
EN

Stack Overflow用户

提问于 2014-10-27 12:46:33

回答 1查看 282关注 0票数 1

使用jquery手机，用户界面输入-btn.

<div class="ui-input-btn ui-btn ui-icon-alert ui-btn-icon-top">
   <div class="buttonText">Service<br/> Interruptions</div>
   <input data-enhanced="true" value="Service Interruptions" type="button" id="service_interruptions">
</div>

我想使用一个自定义图标。

这能用这个控件来完成吗？

如果是，请提供一个样本。

谢谢

jquery-mobile

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-10-27 13:29:32

向div包装中添加一个自定义类，然后使用background-image伪选择器重写该类的background-size和:after。

<div class="ui-input-btn ui-btn ui-custom-icon ui-btn-icon-top">
   <div class="buttonText">Service<br/>Interruptions</div>
   <input data-enhanced="true" value="Service Interruptions" type="button" id="service_interruptions">
</div>

.ui-custom-icon:after {
  background-image: url('icon.png');
  background-size: 25px 25px;
}

演示

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26587898

复制

相似问题

问jquery移动用户界面-输入-btn自定义图标
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery移动用户界面-输入-btn自定义图标EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery移动用户界面-输入-btn自定义图标
EN