使用css在内容中显示输入标签

Question

我有一个PHP脚本打印禁用的输入复选框。 脚本本身工作正常，但是当我通过drupal呈现它时，我在正常脚本中显示复选框前面的数据标签时出现问题..

我解决了大部分问题，但它没有显示前面输入的数据标签/名称 - 所以我想知道，如果有办法通过“调用”数据标签/名称CSS内容，并使用：before property。将其放在输入之前。

我见过一个使用css内容来使用这个css内容呈现标题和日期：attr(data-day-of-month)' 'attr(headers)所以我想知道是否有办法从输入中显示相同的输入标签或数据标签。

Answer 1

:after和:before伪元素（允许您设置样式content）不支持在替换元素（如表单输入字段或图像）上使用。

因此，您尝试做的事情将无法运行，您需要采用非CSS解决方案，例如直接输出到label元素。

Replaced Elements from MDN

  

在CSS中，替换元素是其表示形式的元素   超出CSS的范围。这些是外部物体   表示独立于CSS。典型的替换元素   是，或形成元素，如，   。一些元素，如或被替换元素   仅在特定情况下。使用CSS内容插入的对象   属性是匿名替换元素。

<强> CSS 2.1 (still relevant) spec on :before and :after

  

此规范未完全定义以下的交互：之前   和：替换后的元素（例如HTML中的IMG）。这将在未来的规范中更详细地定义。*

* _{请注意，这还没有定义到日期}