CSS-содержимое входного значения перед вводом в элемент td
Я должен напечатать довольно здоровенную комбинацию страницы / формы / таблицы, и когда я печатаю, у меня есть несколько элементов ввода текста, которые я не могу уменьшить ширину, чтобы использовать только ширину, необходимую для отображения текста без лишней ширины. Эта избыточная ширина влияет на десять обязательных столбцов, которые я должен напечатать.
Поэтому я попытался использовать CSS-контент для перемещения текста из элементов ввода текста в элементы данных родительской таблицы. Вот пример HTML и CSS:
<td><input type="text" value="Deadly Ninja Robots" /></td>
CSS я пробовал:
form fieldset input[type='text'] {display: none;}
form fieldset input[type='text']:before
{content: form fieldset input[type='text'](value) ": ";}
Как взять значение элементов ввода текста и отобразить их внутри элемента данных таблицы, который является прямым родителем самого элемента ввода текста?