React Select:如何强制显示下拉菜单以处理样式?
React Select: How do I force the dropdown to display in order to work on styling?
我需要处理 React Select 下拉选项的样式。我通常做 CSS 样式工作的方式是使用 Chrome 中的 开发人员工具 ,指向页面上的一个元素并开始调整 CSS 属性在 样式 选项卡中查看元素如何变化。
样式化 React Select 的下拉选项的问题在于选项仅在元素具有焦点时可见。当我打开开发人员工具时,元素失去焦点并且下拉列表消失!
有没有办法强制 React Select 在元素没有焦点的情况下显示下拉选项?
安装 React Developer Tools 以便您可以强制 Select 组件的 isOpen
状态为 true
。然后,当您在 Chrome 的开发人员工具中 fiddle 时,下拉菜单将保持打开状态。
我需要处理 React Select 下拉选项的样式。我通常做 CSS 样式工作的方式是使用 Chrome 中的 开发人员工具 ,指向页面上的一个元素并开始调整 CSS 属性在 样式 选项卡中查看元素如何变化。
样式化 React Select 的下拉选项的问题在于选项仅在元素具有焦点时可见。当我打开开发人员工具时,元素失去焦点并且下拉列表消失!
有没有办法强制 React Select 在元素没有焦点的情况下显示下拉选项?
安装 React Developer Tools 以便您可以强制 Select 组件的 isOpen
状态为 true
。然后,当您在 Chrome 的开发人员工具中 fiddle 时,下拉菜单将保持打开状态。