Html 如何在开发工具中检查：-webkit datetime编辑

我使用：：-webkit datetime edit CSS属性来控制webkit浏览器的日期输入字段的外观。为了进一步调试，我想在我的开发工具中检查它

但是当我用Chrome开发工具检查我的元素时，我在任何地方都看不到与以下内容相关联的css属性：：-webkit datetime edit。也不在“样式”面板或“计算”面板中

这是我的密码：

[类型=日期]：-webkit日期时间编辑{ 背景色：红色； 颜色：透明； } 这是一个密码笔：

是否可以使用Chrome或其他浏览器开发工具查看和编辑这些属性？

试试这个

::-webkit-datetime-edit-ampm-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-week-field,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-text {
   color:darkred;
}

---

这可能是一个解决你的问题，在那里你有一切，你可以编辑，希望它的工作

我刚刚在这篇帖子上找到了我问题的答案

---

我需要做的是在Chrome开发者工具的设置面板中启用“显示用户代理阴影DOM”。现在属性已可见。

感谢您的回答，但不幸的是，这没有帮助，我在中也看不到这些属性inspector@neiya我知道这听起来很愚蠢，但是你检查过你的链接标签了吗？