作为导航视图中的后退按钮的图像
作为导航视图中的后退按钮的图像
提问于 2012-03-27 01:55:47
我正在尝试覆盖Sencha Touch 2导航视图中后退按钮的CSS。使用此CSS
#ext-container-1 .x-button {
background: url(../images/button_zurueck.png) no-repeat;
width: 55px;
height: 55px;
margin-top: 120px;
margin-right: 26px;
border: none;
}我能够显示图像，但是width属性被设置在按钮上的style属性覆盖了，所以只显示了按钮的一小部分。这是按钮动画之后留下的style属性的内容：
element.style {
left: 0px !important;
-webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg) skewY(0deg) scaleX(1) scaleY(1) scaleZ(1) !important;
opacity: 1 !important;
width: 16px !important;
}如何覆盖按钮的宽度？
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-03-27 16:15:55
我可以通过添加右填充来显示完整的按钮。它很脏，但它的工作。期待Sencha Touch的下一个版本。
最后，我完全摆脱了那个按钮，并插入了我自己的按钮，它模拟了“后退”功能。
Stack Overflow用户
发布于 2012-03-27 05:09:16
这是2.0.0中的一个错误，Sencha已经在下一个版本中修复了这个问题。
更多信息：http://www.sencha.com/forum/showthread.php?188982
Stack Overflow用户
发布于 2012-12-14 23:08:57
卡片上写着：
config: {
defaultBackButtonText: '',
navigationBar: {
backButton: {
iconCls: 'back',
ui: 'plain'
}
}
}在CSS上：
//Back
.x-button-icon.back {
background-image: url(../../resources/images/bt_seta.png);
background-repeat: no-repeat;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9877181
复制相关文章
相似问题
腾讯云开发者
