如何在闪亮的应用程序中绘制一条颜色的线条

Question

对于很多人来说，这可能是最简单的事情，但我正在努力解决这个问题。 我想用html标签绘制一条带颜色的线条＆＃34; hr＆＃34; 这是我到目前为止在ui.R文件中尝试过的：

HTML("<hr color='purple' >")
HTML('<hr color="purple" >')
hr( color="purple" )

他们都没有工作 - 有什么建议吗？

Answer 1

这里花了一些时间快速挖掘/阅读答案和评论，但总结一下，这看起来有效（我在Mac Chrome，Safari和Firefox上测试过）：

tags$hr(style="border-color: purple;")

如果需要，您也可以使用HTML()，但也可以坚持使用Shiny tags，恕我直言。

Answer 2

Shiny暴露了对应用程序外观的大量控制，但恰好hr的颜色不是其中之一。因此，您需要深入了解CSS以控制元素的外观。您可以使用Shiny中的includeCSS来添加可用于控制应用外观的样式表。但是，最简单的方法可能就是将CSS直接添加到hr元素中。

HTML('<hr style="color: purple;">')

（编辑）请注意，虽然这适用于大多数元素，但hr不尊重color属性。 hr表现得很奇怪：Changing the color of an hr element

在这里，您要修改color元素的CSS hr属性。见https://developer.mozilla.org/en-US/docs/Web/CSS/color

另请注意，如果您愿意，可以使用hr(style="...")而不是构建原始HTML。我发现使用Shiny标签构建所有内容会使代码在大多数情况下更容易阅读，但是YMMV。