cssスタイルを単一のselectInputメニューに適用できますか?
selectInputメニューのスタイリングを扱う他の記事でコードを見つけましたが、結果はアプリ内のすべてに影響します。個々のメニューを操作したいだけです。サーバーで発生する条件に基づいて個々の要素にスタイルを追加することも検討していますが、それは別の質問です。
テストアプリコード:
library(shiny)
library(shinydashboard)
library(shinyjs)
ui <-
fluidPage(
hr("how do we get the change the style elements of a single select input?)
tags$style(type='text/css', .selectize-input { font-size: 8px; line-height: 8px;}
.selectize-dropdown { font-size: 8px; line-height: 8px; }"),
selectInput("choice", "choices", c("A", "B", "C")),
selectInput("choice2", "choices", c("D", "E", "F"))
)
server < - function(input, output, session) { }
})
shinyApp(ui = ui, server = server)
このアプローチは、ここでのDean Attaliの回答から直接得られます。examp、および同様の質問が最終コメントとして尋ねられますが、回答がないため、同じ問題があるため、この問題について質問を投稿することにしました。
textInputフィールドのような他の要素の場合、私が通常これを行う方法は次のとおりです。
tags$style(type='text/css', "#NAMEELEMENT {background-color: green; height: 40px; border-color: #bfbfbf; width: 520px; position: relative;left: 3%}"),
ここで、tag $ styleを#とそのinputIdによって要素にアタッチできます。
乾杯。
私は自分で答えを見つけました。決意、グーグルやStackoverflowなどでの多くの時間と、Dean Ataliによって作成されたと私が見つけたいくつかの情報の組み合わせですが、これはそれを行うようです:
tags$head(tags$style(HTML('.selectize-input {white-space: nowrap}
#choice+ div>.selectize-dropdown{width: 660px !important}
#choices+ div>.selectize-dropdown{width: 300px !important}')))
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加