Javascript 按钮文本对齐中的图标-EXTJS

Javascript 按钮文本对齐中的图标-EXTJS,javascript,ajax,extjs,extjs4,alignment,Javascript,Ajax,Extjs,Extjs4,Alignment,问题: 登录和检查图标的间距太大,如何让检查图标和登录文本粘在一起,或者让图标与左侧对齐 更新 尝试不要将比例设置为大,并删除宽度。它应该自动占用适当的空间。您可以使用您选择的值,例如15px,将margin right属性添加到checkiconCSS类中。这样,您的按钮宽度将保持不变,只有文本和图标之间的空间将减少。这有点棘手,因为按钮图标绝对位于按钮内。您可以在.checkicon类中尝试以下操作: .checkicon { margin-right: 25px; back

问题:
登录
和检查图标的间距太大,如何让检查图标和登录文本粘在一起,或者让图标与左侧对齐

更新
尝试不要将比例设置为大,并删除宽度。它应该自动占用适当的空间。

您可以使用您选择的值,例如15px,将
margin right
属性添加到checkiconCSS类中。这样,您的按钮宽度将保持不变,只有文本和图标之间的空间将减少。

这有点棘手,因为按钮图标绝对位于按钮内。您可以在.checkicon类中尝试以下操作:

.checkicon {
    margin-right: 25px;
    background-image:url(../images/CheckIcon.png) !important;
}

这应该可以达到与使用右边距时相同的效果。

.checkicon{margin right:25px;background image:url(../images/checkicon.png)!重要;}
无法工作。设置此选项后不会发生任何问题。我已尝试添加
!重要的
到页边距右侧,但仍然无法工作下面的答案有用吗?
.checkicon {
    margin-right: 25px;
    background-image:url(../images/CheckIcon.png) !important;
}
.checkicon {
    right: -25px !important
    background-image:url(../images/CheckIcon.png) !important;
}