用css在內容中顯示輸入標籤

Question

我有一個PHP腳本，用於打印禁用的輸入複選框。 該腳本本身工作正常，但即時通訊問題顯示在複選框前面的數據標籤的問題，因爲在正常的腳本，當我通過Drupal呈現它時..

我修復了大部分問題，但它不顯示它前面的輸入的數據標籤/名稱 - 所以我想知道，如果有一種方法可以通過CSS內容「調用」數據標籤/名稱，並將其放在輸入前面：before屬性。

我看到一個使用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

本規範沒有完全定義的相互作用： 之前和：與替換元素（如IMG在HTML）之後。這將在更詳細的在未來的規範來定義。*

* _{注意，這個處理不當被定義爲迄今爲止}