【问题标题】:Animation Button with plotly R - customize "hover" color带有情节 R 的动画按钮 - 自定义“悬停”颜色
【发布时间】:2021-06-12 12:03:39
【问题描述】:

我想在将鼠标悬停在按钮上时更改按钮的背景颜色 - 例如。如果没有悬停在按钮上,它应该是蓝色的,如果悬停它应该变成红色。

我尝试了什么:animation_button(color = "red) 和(基于 animation_slider 的选项)animation_button(activebgcolor = "red")。两者都不起作用 - 此外,我搜索了 css 选项,但也找不到。您知道如何访问按钮“悬停”颜色以及“悬停”字体颜色吗?谢谢!

df <- data.frame(
  x = c(1, 2, 2, 1, 1, 2),
  y = c(1, 2, 2, 1, 1, 2),
  z = c(1, 1, 2, 2, 3, 3)
)
plot_ly(df) %>%
  add_markers(x = 1.5, y = 1.5) %>%
  add_markers(x = ~x, y = ~y, frame = ~z) %>%
  animation_button(font = list(color = "white",
                               family = "Aldhabi"),
                   bgcolor = "blue",   
                   bordercolor = "blue",
                   # color = "red"
                   # activebgcolor = "red"
                   )

编辑: 正如here 建议的那样,我尝试了这个命令,但它也没有帮助。

btn:hover {
  color:"red";
}

【问题讨论】:

  • css中“红色”没有引号
  • 另外,它会是背景颜色而不仅仅是颜色。
  • 感谢您指出这一点

标签: css animation button r-plotly


【解决方案1】:

在 CSS 中你只需这样做:

 .classname:hover{
      background-color: red;
 }

【讨论】:

  • 我在我的 html 规范中添加了这个建议,但它不起作用 - 你如何准确地集成这个命令?你能用上面的例子来展示它吗?谢谢!
  • 我从未使用过 plotly 但发现了这个...dash.plotly.com/external-resources
  • 感谢您提供此链接,但它也无济于事 - 我现在找到了有关配色方案的解决方法,因此尽管“悬停”颜色保持不变,但至少看起来不错。
猜你喜欢
  • 1970-01-01
  • 2013-11-21
  • 1970-01-01
  • 2014-11-13
  • 1970-01-01
  • 2020-09-23
  • 1970-01-01
  • 2021-06-12
  • 1970-01-01
相关资源
最近更新 更多