我正在嘗試調(diào)整在 Shiny 應(yīng)用程序中呈現(xiàn)的 actionButton() 中的行之間的間隙，如下所示并根據(jù)底部的 MWE 代碼。如何調(diào)整行間距？
僅適用于該操作按鈕，不適用于整個(gè)應(yīng)用程序。我對(duì) HTML 或 CSS 不是很熟悉，但如果我記得有一種方法可以將 HTML/CSS 格式應(yīng)用于應(yīng)用程序中的所有對(duì)象或僅應(yīng)用于應(yīng)用程序中的指定對(duì)象：我有興趣僅將其應(yīng)用于指定對(duì)象。
MWE代碼：
library(shiny)
ui <- fluidPage(
br(),
actionButton(
"add",
HTML("Add <br/> column"),
width = '80px',
style='padding:0px; font-size:100%')
)
server <- function(input,output,session)({})
shinyApp(ui, server) 
1
0
0
您可以覆蓋閃亮的默認(rèn) line-height css 規(guī)則。
actionButton(
"add",
HTML("Add
column"),
width = '80px',
style='padding:0px; font-size:100%; line-height:1;') // notice addition of 'line-height:1;'
)
/*this is default styling aplied by shiny*/
button {
color: #333;
background-color: #fff;
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
border: 1px solid #ccc;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
-webkit-appearance: button;
text-transform: none;
}
