title: Text input not showing in Firefox.
body: <p>I have the following input field : </p>
  
  <p><a href="https://i.stack.imgur.com/lJUVt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lJUVt.png" alt="enter image description here"></a></p>
  
  <p>Its's all working fine in google chrome but when i check this in firefox i get the following result : </p>
  
  <p><a href="https://i.stack.imgur.com/JdYT7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JdYT7.png" alt="enter image description here"></a></p>
  
  <p>There is text in it but the input field stays white. </p>
  
  <p><a href="https://i.stack.imgur.com/EFAhy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EFAhy.png" alt="enter image description here"></a></p>
  
  <p>This is the css that is being used. I really have no idea how to fix this. </p>
  
  <p>Any ideas on this?</p>