62,073
社区成员
发帖
与我相关
我的任务
分享extjs3.X 圆角按钮
如题，在extjs3.X中，现在有一张90*30的圆角按钮背景图片，希望能结合处button做出圆角按钮的效果，sos~
...全文
请发表友善的回复…
发表回复
md5e 2014-06-11
- 打赏
- 举报
http://fineui.com/demo/#/demo/button/button_custom.aspx
自定义按钮
md5e 2014-06-11
- 打赏
- 举报
http://fineui.com/demo/用过这个
zhang_13245768 2014-06-11
- 打赏
- 举报
是extjs的，有人用过吗
md5e 2014-06-11
- 打赏
- 举报
如果是html5+css3,圆角是很简单的,直接用样式来做
zhang_13245768 2014-06-11
- 打赏
- 举报
背景图片是带圆角的。如果不用extjs的button，我早就做好了，就是想了解下extjs中有没有圆角按钮可以使用。
md5e 2014-06-11
- 打赏
- 举报
<style type="text/css">
.bgbtn {
background-image: url(../res/images/login.png) !important;
width: 320px;
height: 50px;
border-width: 0;
background-color: transparent;
}
.bgbtn .x-frame-ml, .bgbtn .x-frame-mc, .bgbtn .x-frame-mr,
.bgbtn .x-frame-tl, .bgbtn .x-frame-tc, .bgbtn .x-frame-tr,
.bgbtn .x-frame-bl, .bgbtn .x-frame-bc, .bgbtn .x-frame-br {
background-image: none;
background-color: transparent;
}
</style>
<script type="text/javascript">
var f2 = Ext.create('Ext.button.Button', {
f_state: {},
id: "Button2",
renderTo: "Button2_wrapper",
cls: "bgbtn",
text: "",
handler: function () {
F.disable('Button2');
__doPostBack('Button2', '');
}
});
</script>
md5e 2014-06-11
- 打赏
- 举报
所以我不是告诉你用自定义按钮了吗?你的90*30的圆角按钮背景图片已经自带有圆角了不是吗?
zhang_13245768 2014-06-11
- 打赏
- 举报
你总不可能让我把extjs里面的button默认的背景图片给替换掉吧 我试过使用cls、itemCls之类的 没有效果
md5e 2014-06-11
- 打赏
- 举报
我想和你说的就是,他其实就是背景图
zhang_13245768 2014-06-11
- 打赏
- 举报
你这就一个背景图片，也没看出有什么圆角的效果啊
