更改actionButton的大小及其标签

Question

如何actionButton使其标签更小,但仍然以按钮图标为中心？我已经能够完成使按钮和文本更小,但结果是一个小按钮,文本不在按钮的中心.我想我可能接近这个错误了.下面是一个示例,其中按钮/文本变小但结果是文本未居中的按钮.

library(shiny)

shinyApp(
    shinyUI(fluidPage(
        inputPanel(
            ## Original
            actionButton('button', 'Hi'),

            ## Text is smaller
            gsub('Hi', '<font size="1">Hi</font>',
                 actionButton('button1', 'Hi')),

            ## Text is smaller and button is smaller, but text is outside of button
            gsub('Hi', '<font size="1" align="center">Hi</font>',
                 actionButton('button2', 'Hi', style='height:20px'))
            )
    )),
    shinyServer(function(input,output){})
)

Answer 1

你应该在这里专注于HTML和CSS.在这里没有什么真正的R和闪亮的具体.An actionButton只是一个HTML <button>.您可以设置font-size和padding(文本周围的空间)的属性.

这是减少填充和减小字体大小的一种方法

actionButton('button2', 'Hi', style='padding:4px; font-size:80%'))