css - 悬停时 R Shiny Dropdown

标签 css r twitter-bootstrap shiny

是否有一个简单的包/CSS 脚本允许 selectInput() 显示下拉内容over 而不是on click

一直在做一些研究,这似乎是不可能的,因为该功能是由浏览器呈现的。唯一的选择可能是使用 HTML 创建自定义 ul 元素并向其添加 CSS。这是唯一的方法吗?

twitter bootstrap 包是否适合这个问题?找不到此包中描述的方法的好示例。

最佳答案

可以让 native 选择在悬停时打开,但还有更好的选择。

是的,twitter bootstrap 是一个可行的选择,如果您已经在使用它或者已经计划或研究过它。

使用select2并查看 here如何使用简单的 jQuery 在悬停时打开它。


这是 HTML5 的原生方式:

<select onMouseOut="this.size=1;" onMouseOver="this.size=this.length;">
    <option>Option Value 1</option>
    <option>Option Value 2</option>
    <option>Option Value 3</option>
    <option>Option Value 4</option>
    <option>Option Value 5</option>
    <option>Option Value 6</option>
    <option>Option Value 7</option>
</select>

关于css - 悬停时 R Shiny Dropdown,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49471220/

相关文章:

html - Bootstrap - 从导航栏链接中删除背景

css - 整个 Google Chrome 浏览器的自定义 CSS

javascript - jQuery 删除第二类

javascript - HTMLElement.id 在 Internet Explorer 8 中不能正常工作

html - 如何覆盖 Bootstrap CSS 样式?

javascript - 如何使 Bootstrap 网格列成为页面的全高?

javascript - 移动浏览器的“放大”选项

javascript - 在 R Shiny 中触发 react 流的键盘快捷键?

R dplyr 选择两个独立事件之间的最小日期差行

r - 表1.9.2中的NA/NaN/Inf