Html 如何在联系人表单7生成的输入字段（日期选择器）中对图标进行寻址？

我觉得自己像个初学者。我只是无法用CSS来处理日期选择器图标。在DOM中根本没有这样的内容。我已经尝试了一些方法，但没有成功

我使用WordPress主题，并已在Qode选项中查找此图标。不幸的是，我什么也找不到

我从chrome开发工具中复制了这个。它实际上是日期选择器所在的完整容器。否：：之前、之后或类似内容：

<div class="column1">
   <div class="column_inner">
      <div class="qode-cf-date-holder">
          <span class="wpcf7-form-control-wrap your-date">
              <input type="date" name="your-date" value="2020-10-17" class="wpcf7-form-control wpcf7-date wpcf7-validates-as-date required" min="2020-10-17" max="2035-12-31" aria-invalid="false">
          </span>
       </div>
   </div>
</div>

我只想将光标设置为指针：D。图标放在由生成的输入元素内（但我看不出是如何生成的）

以下是输入字段的屏幕截图：

---

没有视觉参照有点难以回答，但您是否尝试过：

input[name="your-date"] {
  //css here
}

---

没有视觉参考有点难以回答，但您是否尝试过：

input[name="your-date"] {
  //css here
}

你必须使用。不幸的是，目前html中的输入字段不支持此功能

但您可以在字段的父级中使用此功能。您的代码看起来像这样。（如果您使用）

.qode cf日期持有者{
位置：相对位置；
左侧填充：40px；
}
.qode cf日期持有人：之后{
位置：绝对位置；
字体系列：'font Awesome 5 Pro'；
内容：'\f073'；
左：0；
排名：0；
字体大小：16px；
z指数：999；
}

您必须使用。不幸的是，目前html中的输入字段不支持此功能

但您可以在字段的父级中使用此功能。您的代码看起来像这样。（如果您使用）

.qode cf日期持有者{
位置：相对位置；
左侧填充：40px；
}
.qode cf日期持有人：之后{
位置：绝对位置；
字体系列：'font Awesome 5 Pro'；
内容：'\f073'；
左：0；
排名：0；
字体大小：16px；
z指数：999；
}

我已经尝试过这种方法和许多类似的方法。不幸的是没有成功。我加了一幅画。DOM的部分已经在我的问题中了。是的，我在一个新的WP安装中看到了它，这很奇怪。我想这可能是jquery库的事情，当然jquery正在处理这个问题。如果在开发工具中将输入类型从日期更改为文本，则可以看到它消失。这暗示了什么，但不确定是什么。你可以找到一个日期选择器插件，它可能会给你更多的控制权。我已经试过了，还有很多类似的方法。不幸的是没有成功。我加了一幅画。DOM的部分已经在我的问题中了。是的，我在一个新的WP安装中看到了它，这很奇怪。我想这可能是jquery库的事情，当然jquery正在处理这个问题。如果在开发工具中将输入类型从日期更改为文本，则可以看到它消失。这暗示了什么，但不确定是什么。你可以找到一个日期选择器插件，可能会给你更多的控制权。不是很干净（因为我不能删除旧图标），但它可以工作：），谢谢：）干得好。您可以找到带有inspect元素的图标，并为其指定

显示：none

样式。问题是我找不到带有inspect元素的图标：dn不是很干净（因为我无法删除旧图标），但它可以工作：），谢谢：）干得好。您可以找到带有inspect元素的图标，并为其指定

显示：none

样式。问题是我找不到带有inspect元素：D的图标