HTML 元素在 chrome 检查模式下不可见
HTML Element not visible in chrome inspect mode
我正在使用第三方日期选择器组件“react-datepicker”，它在大多数情况下都非常有效。在其时间输入组件中有一个 clock-icon 按钮，单击该按钮会打开时间下拉列表。我试图隐藏 icon/button，但在检查模式下根本看不到它。认为它可能是输入的背景，但也没有发现。在显示或隐藏下拉列表时，检查元素树没有变化。另外，右键单击下拉菜单无效。我什至尝试使用 F8 显示下拉菜单和暂停脚本，但这会使下拉菜单消失。最后，我尝试禁用 javascript 以检查它是否完全使用 js。这使得日期选择器上的所有按钮都无用，除了时钟 icon/dropdown 一直在禁用 js 的情况下工作。
可能很傻，但现在我真的很想知道它是如何呈现的。
可以在此处的演示中看到该组件（在标题“输入时间”下）：
https://reactdatepicker.com/
谢谢。
添加了一些描述的屏幕截图。
该组件正在使用输入类型 time 来实现此功能。虽然根据您的屏幕截图看起来应该有其他元素，但这是浏览器的内置行为。
在此处查看所有 HTML5 输入类型：https://developer.mozilla.org/en-US/docs/Learn/Forms/HTML5_input_types
时钟的渲染由浏览器执行
关于：<input type="time">
您可以使用 input[type="time" i] css 选择器覆盖它。
请参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time
我正在使用第三方日期选择器组件“react-datepicker”，它在大多数情况下都非常有效。在其时间输入组件中有一个 clock-icon 按钮，单击该按钮会打开时间下拉列表。我试图隐藏 icon/button，但在检查模式下根本看不到它。认为它可能是输入的背景，但也没有发现。在显示或隐藏下拉列表时，检查元素树没有变化。另外，右键单击下拉菜单无效。我什至尝试使用 F8 显示下拉菜单和暂停脚本，但这会使下拉菜单消失。最后，我尝试禁用 javascript 以检查它是否完全使用 js。这使得日期选择器上的所有按钮都无用，除了时钟 icon/dropdown 一直在禁用 js 的情况下工作。
可能很傻，但现在我真的很想知道它是如何呈现的。
可以在此处的演示中看到该组件（在标题“输入时间”下）： https://reactdatepicker.com/
谢谢。 添加了一些描述的屏幕截图。
该组件正在使用输入类型 time 来实现此功能。虽然根据您的屏幕截图看起来应该有其他元素，但这是浏览器的内置行为。
在此处查看所有 HTML5 输入类型：https://developer.mozilla.org/en-US/docs/Learn/Forms/HTML5_input_types
时钟的渲染由浏览器执行
关于：<input type="time">
您可以使用 input[type="time" i] css 选择器覆盖它。
请参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time