title: How To Customise WordPress Comment Submit Button
body: <p>I am trying to customise the output code of</p>
  
  <pre><code>&lt;?php comment_form(); ?&gt;
  </code></pre>
  
  <p>At the moment the submit button outputs the following:</p>
  
  <pre><code>&lt;p class="form-submit"&gt;
      &lt;input name="submit" type="submit" id="submit" value="Post Comment"&gt;
      &lt;input type="hidden" name="comment_post_ID" value="486" id="comment_post_ID"&gt;
      &lt;input type="hidden" name="comment_parent" id="comment_parent" value="0"&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>I would like it to output the following:</p>
  
  <pre><code>&lt;div class="darkbutton" onclick="document.commentform.submit()"&gt;
      &lt;span class="darkbutton-left"&gt;&lt;/span&gt;&lt;a href="javascript: submitform()"&gt;Log In&lt;/a&gt;  
      &lt;span class="darkbutton-right"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>so as the completely restyle the button. Now I know it could be done by editing the core Wordpress files in comment-template.php but I really don't want to have to do this if there is any other way.</p>
  
  <p>Any suggestions greatly appreciated! :)</p>