I am trying to find a way to make the background image of the input text appear when saving the page as a PDF (right-click, select "Print ...," and then "Save as PDF").
The page has a square background image that creates the effect of each character being typed into a square.
Below is an example code snippet to illustrate my point:
#text
{
background-image: url("http://3.bp.blogspot.com/-4oAWWCcNNz4/Tjr3nKNyVUI/AAAAAAAAPLU/Pouua-pNsEY/s1600/sq.gif");
width: 213px;
height: 18px;
background-size: 20px;
border: none;
font-family: monospace;
font-size: 13px;
padding-left: 5px;
letter-spacing: 12px;
}Name: <input type="text" size="10" maxlength="10" id="text"/>If anyone has any suggestions on how to enable this feature for printing or any other solution that provides the same functionality of continuous typing, highlighting, and deleting text, I would greatly appreciate it.