javascript - 将框背景颜色更改为从数据库中获取的相等十六进制

标签 javascript css database ruby-on-rails-3 styling

我将标签/标签存储在我的数据库中(下面的模型):

labels:
  text:string //name of the label/tag
  color:string //hex color of the tag (with '#' at the beggining)

我有文章,与这个标签相关。我想在我的文章列表中显示它的标签,但是作为一个颜色矩形(用 css 编写为具有背景颜色的 block ) - 但是如何将指定的颜色从数据库设置为每个框背景颜色样式?我读到一些 js 函数在 :click 或 :hover 之后改变了网站背景,但我仍然不知道(我几乎不知道 js)如何在我的应用程序中实现它:/请帮助!

目前我只是显示其中包含文本(标签名称)的框:

- a.labels.each do |l|
  .article_tags
    = l.text

'Article_tags' 类就是那个框,它应该将其背景更改为从 db 中获取的颜色。

最佳答案

- a.labels.each do |l|
  .article_tags{:style => "background-color:#{l.color}"}
    = l.text

关于javascript - 将框背景颜色更改为从数据库中获取的相等十六进制,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9718791/

相关文章:

javascript - 获取表中标题区域下方的滚动条。注意 : Table wont have thead and tbody

当数据无法放入内存时,mongoDB vs 关系数据库?

c - 使用 bash 清理数据格式

javascript - CSS - 制作 algolia 下拉菜单,结果显示在 Bootstrap 导航栏的下拉菜单上

javascript - 如何默认隐藏 Node.js 中的内部堆栈跟踪错误?

javascript - 不可滚动页面中的可滚动 <ul> - iOS 上的 Safari

html - 定义 html 预加载器的计时

sql - 我们是否应该将单向的一对多关系分解为 JoinTable

javascript - 如何在客户端不弹出打印对话框的情况下打印收据

javascript - 无法将 Node 应用程序部署到 Openshift