闪亮 - 如何增加内联单选按钮之间的间距？

Question

我有一组内联单选按钮：

radioButtons("buttons", 
             label = "Buttons",
             choices = c("A", "B", "C", "D", "E"),
             inline = T)

这使它们看起来像这样：

但我希望按钮之间有更多的间距，例如，看起来像这样：

如何做到这一点并不重要。可以通过将按钮之间的间隙设置为一定数量的像素，或者将按钮的扩展设置为页面宽度的某个％。

有没有办法做到这一点？

Related question here，但不完全一样（它要求将按钮安装到列上），无论如何我都无法在答案中得到代码。

Answer 1

使用CSS，调整margin-right选项：

.checkbox-inline, .radio-inline {
    margin-right: 100px;
}

我个人更喜欢为我的应用创建一个单独的CSS文件。 在您的app目录中，CSS文件应位于文件夹'WWW'。

中

Answer 2

您可以通过在ui代码中添加radioButtons()之前的以下行来区分单选按钮：

tags$style(HTML(".radio-inline {margin-right: 42px;}")),