Wie ändere ich die Standard -Radiobuttons () Farbe von Blau zu Gold in einem Quarto Shiny Dashboard?
Posted: 18 May 2025, 22:16
Ich baue ein Quarto -Dashboard mit glänzender Laufzeit und verwende eine einfache Radiobuttons () Steuerung in der Seitenleiste:
standardmäßig werden das ausgewählte Kreis und das Beschriftungshighlight in Bootstraps Primär blau gerendert. Ich möchte dies in Gold ändern, aber es scheint kein Argument in Radiobuttons () zu geben (und ich kann nicht zu gruppedButtons wechseln), das die Farbe steuert. /> Ich habe versucht, eine benutzerdefinierte CSS -Datei hinzuzufügen: < /p>
CSS -Datei < /h3>
/* www/custom.css */
.radio input[type="radio"]:checked + label::before {
border-color: gold !important;
background-color: gold !important;
}
< /code>
… aber es zeigt immer noch das Standardblau. Mit welchen CSS -Selektoren oder Quarto/Shiny -Einstellungen kann ich das Blau überschreiben und das Optionsfeld in Gold rendern?>
Code: Select all
---
title: "Quarto Dashboard with Radio Buttons"
format:
html:
theme: cosmo
runtime: shiny
execute:
echo: false
include-before-body:
- text: |
---
```{r}
shiny::radioButtons(
inputId = "choice",
label = "Select an option:",
choices = list(
"Option A" = "A",
"Option B" = "B",
"Option C" = "C"
),
selected = "A"
)
```
CSS -Datei < /h3>
/* www/custom.css */
.radio input[type="radio"]:checked + label::before {
border-color: gold !important;
background-color: gold !important;
}
< /code>
… aber es zeigt immer noch das Standardblau. Mit welchen CSS -Selektoren oder Quarto/Shiny -Einstellungen kann ich das Blau überschreiben und das Optionsfeld in Gold rendern?>