title: How to change the value of a button through CSS
body: <p>So here's the code:</p>
  
  <pre><code>&lt;form id="my-button" action="#" method="post"&gt;
          &lt;input type="submit" name="sample-button" value="Hello"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I need to be able to change the value through CSS.
  No clicking or hovering. Just need to replace it through CSS.</p>
  
  <p>I tried doing this, but it's not working.</p>
  
  <pre><code>#my-button input[type=submit]:before{
      content:"";
  }
  #my-button input[type=submit]:after{
      content:"HI";
  }
  </code></pre>