更改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){})
)

- Rorschach

Answer 1

在这里，你应该专注于HTML和CSS。这里没有任何真正涉及到R和shiny的特定内容。一个actionButton只是一个HTML <button>。您可以设置字体大小和填充属性（文本周围的空间）。

以下是减少填充并减小字体大小的一种方法:

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

- MrFlick