title: Creating focus on element that's behind a different element
body: <p>all. I'm a beginner trying to create my own website.</p>
  
  <p>For an input field, I want the text to appear behind horizontal lines. To achieve this, I created a container div element with many sub divs each two pixels high with a bottom border of one pixel, then placed the container div in front of the input field.</p>
  
  <p>The problem is that when hovering over the input field, the cursor only changes into the "text" style cursor in the small area at the very left edge of the input field not covered by the horizontal lines created by the sub div elements.</p>
  
  <p>What I would like to happen, and I fear I may need Javascript, is to have the cursor, when hovering over the container div's horizontal lines, turn into the "text" cursor and when clicked for the focus to activate within the input field.</p>
  
  <p>I hope my question isn't confusing. Thank you in advance. </p>