title: How to scroll input-box text like marquee on hover?
body: <p>I want to implement this kind of functionality.</p>
  
  <ol>
  <li>one input box  </li>
  <li><code>&lt;input type="text" value="this is sample text larger then input box"
  style="width: 100px;" /&gt;</code></li>
  <li><p>It will look like :</p>
  
  <p><a href="https://i.stack.imgur.com/okvPm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/okvPm.png" alt="enter image description here"></a></p></li>
  <li><p>Text is not fully display. so I want that when mouse hover over this input box, text should automatically scroll slowly like marquee tag inside of input box</p></li>
  <li><p>I am implementing in angular, so if any solution(hack) related to angular like replace element then please also mention.</p></li>
  <li><p>If any solution available(weather it is using js or jquery or css) then Please Help Me.</p></li>
  </ol>