如何解决控制组按钮发出
| 我想要类似img的内容(文本btn和高度相同的箭头btn)。但是我不明白。这是我的代码解决方法
也许我没有讲到重点,但是类似:http://jsfiddle.net/PtLKF/10/?需要第二个按钮吗?
如果是这样的话,如果您不想让CSS过于混乱,则可以使用不间断的空格来伪造它。 http://jsfiddle.net/PtLKF/13/
, 是的,与J.T. Sage一样,为什么要使用两个按钮?
我的尝试失败:http://jsfiddle.net/PtLKF/38/
<div data-role=\"page\" id=\"button-tests\">
<div data-role=\"controlgroup\" data-type=\"horizontal\">
<a href=\"tel:(866) 444-8619\" data-role=\"button\" data-theme=\"e\">Call (866) 444-8619</a>
<a href=\"\" data-role=\"button\" data-theme=\"e\" data-icon=\"arrow-l\" data-iconpos=\"notext\"></a>
</div>
<div data-role=\"controlgroup\" data-type=\"horizontal\">
<a href=\"tel:(866) 444-8619\" data-role=\"button\" data-theme=\"e\">Call (866) 444-8619</a>
<a href=\"\" data-role=\"button\" data-theme=\"e\" data-icon=\"arrow-l\" data-iconpos=\"notext\" style=\"height:100%;\" class=\"fix-button-height\" id=\"custom-button-height\"></a>
</div>
<div data-role=\"controlgroup\" data-type=\"horizontal\">
<a href=\"tel:18664448619\" data-role=\"button\" data-theme=\"e\" data-icon=\"arrow-l\" data-iconpos=\"right\">Call (866) 444-8619</a>
</div>
<div data-role=\"controlgroup\" data-type=\"horizontal\">
<a href=\"tel:(866) 444-8619\" data-role=\"button\" data-theme=\"e\">Call (866) 444-8619</a>
<a href=\"\" data-role=\"button\" data-theme=\"e\" data-icon=\"arrow-l\" class=\"hide-text\" data-iconpos=\"right\">|</a>
</div>
</div>
的CSS
.fix-button-height .ui-icon {
margin-top:7px;
margin-bottom:7px;
display:block;
}
.hide-text {
color:#fceda7;
}
.hide-text:hover {
color:#faeb9e;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。