html - 在 shinyWidgets 的 pickerInput 中将子文本右对齐

Question

正如shinyWidgets 文档中的示例所示，我可以定义自己的潜文本标签，显示在主标签旁边。这些潜台词是否可以右对齐，使所有主要标签都左对齐，而潜台词右对齐？

文档中示例的简化版本（在链接选择 pickerInput 中，该示例称为“Subtext”）：

pickerInput(
    inputId = "Id093",
    label = "Subtext", 
    choices = rownames(mtcars[1:3,]),
    choicesOpt = list(
        subtext = paste("mpg", 
            mtcars[1:3,]$mpg,
            sep = ": "
        )
    )
)

生成以下 html 文本：

<div class="form-group shiny-input-container">
  <label class="control-label" for="Id093">Subtext</label>
  <select id="Id093" class="selectpicker form-control">
    <option value="Mazda RX4" data-subtext="mpg: 21">Mazda RX4</option>
    <option value="Mazda RX4 Wag" data-subtext="mpg: 21">Mazda RX4 Wag</option>
    <option value="Datsun 710" data-subtext="mpg: 22.8">Datsun 710</option>
  </select>
</div>

还附上图像，因为使用一个总是更好： 标签旁边有潜台词的列表

我曾尝试在 Chrome 中使用 Inspector 摆弄 css 属性（如对齐文本），但没有运气。

标签： htmlcssrshinyshinywidgets