Javascript HTML元素在chrome检查模式下不可见

我正在使用一个第三方日期选择器组件“react datepicker”，它在大多数情况下都非常有效。在其时间输入组件中有一个时钟图标按钮，单击该按钮可打开时间下拉列表。我试图隐藏图标/按钮，但在检查模式下根本看不到它。我认为这可能是输入的背景，但也没有发现。在显示或隐藏下拉列表时，inspect元素树中没有任何更改。此外，右键单击下拉列表没有效果。我甚至尝试用F8显示下拉菜单和暂停脚本，但这会使下拉菜单消失。最后，我尝试禁用javascript以检查它是否使用js。这使得datepicker上的所有按钮都没用了，除了时钟图标/下拉菜单，它一直在禁用js

可能有点傻，但现在我真的很想知道它是如何呈现的

该组件可以在这里的演示中看到（标题为“输入时间”）：

谢谢。 添加了一些描述的屏幕截图

---

组件正在使用输入类型

时间

来实现此功能。虽然看起来应该有基于屏幕截图的附加元素，但这是内置的浏览器行为

---

请参见此处的所有HTML5输入类型：

时钟的呈现由浏览器执行 关于：

您可以使用

input[type=“time”i]

css选择器覆盖它

---

请参阅：

datepicker组件是一组div，它位于元素树的更深处。但是我不确定你的实际目标是什么。为什么要隐藏时钟按钮？是的，我可以看到div的层和最内层的输入。找不到时间弹出下拉列表的呈现方式。我要么想隐藏时钟图标和弹出窗口（因为样式与我需要的完全不同），要么获取下拉列表的类名，因此我会相应地设置样式。如果我看不到树中的弹出元素，我现在两个都做不到。谢谢，ChrisSorry，但是这个组件绝对不是浏览器内置的时间/日期选择器。。。它的确有一个

元素，因此可以按预期在中使用，但它由大量样式div组成，在所有浏览器中看起来都一样。控件的时间部分是！请参见上面的屏幕截图<代码>你是对的；我完全误解了你的答案，很抱歉你是对的。这是有道理的。非常感谢你的回答。