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

Question

对许多人来说,这可能是最简单的事情,但我正在努力解决这个问题.我想用html标签"hr"绘制一条颜色的线条这是我迄今为止在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标签,恕我直言.

Answer 2

Shiny 公开了对应用程序的外观和感觉的大量控制，但碰巧 的颜色hr不是其中之一。因此，您需要深入研究 CSS 来控制元素的外观。您可以通过includeCSS在 Shiny 中添加可用于控制应用程序外观的样式表来完成此操作。然而，最简单的方法可能就是hr直接将 CSS 添加到您的元素上。

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

（编辑）请注意，虽然这适用于大多数元素，但hr不要尊重该color属性。hr行为奇怪：更改 hr 元素的颜色

color您将在这里修改元素的CSS属性hr。请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/color

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