如何在输入元素中获得Fontawesome版本5图标?

时间:2018-03-12 12:19:09

标签: css input font-awesome-5

由于我使用Font Awesome版本5,因此输入元素中的图标存在问题。它仅显示在输入文本元素之外。

Image of what I mean 我希望图标INSIDE输入类型文本字段。

代码:



.calendar-label::after {
    content: "\f073";
    font-family: "Font Awesome 5 Solid";
	  display: none;
	  position: absolute;
}

<head>

<script>
  FontAwesomeConfig = { searchPseudoElements: true };
</script>

<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>

</head>

<body>

<label class="calendar-label">
	  <input type="text" name="datum">
</label>

</body>
&#13;
&#13;
&#13;

0 个答案:

没有答案
相关问题