如何在按钮上的图标和标签之间获得空间?

Kar*_*son 1 lotus-notes xpages

我正在开发我的第一个xPages应用程序.我想添加一个漂亮的小图标(来自FamfamFam集合)到我的一些按钮,例如"新建","保存","取消"等.我将GIF图像添加为图像资源,并为其指定图像按钮我想要图标.

一切正常,但按钮上的标签(文本)就在图标旁边.我希望它们间隔一些,可能是4-6个像素.我不想在标签上添加空格,我相信有更好的方法,可能以某种方式使用CSS.

有人知道这样做的好方法吗?

OneUI v2.1被设置为应用程序的主题,我使用的是Domino Designer 8.5.3和Domino Server 8.5.3.

Per*_*ten 5

您可以使用以下自定义CSS在图标右侧添加一些边距:

.lotusBtn img {
  margin-right: 10px;
}
Run Code Online (Sandbox Code Playgroud)