Firefox has a really annoying quirk that puts a dotted line around the text in an HTML form submit button. I searched and found some CSS hacks but none of them really worked. Finally I added onfocus="blur()" to the submit button and the dotted line is gone.
Here's the form button after clicking on submit:
using the following code
JavaScript:
-
-
<input type="Submit" name="Submit" id="Submit" value="Print Order" onclick="this.disabled=true;" />
-
After I add onfocus="blur()"
JavaScript:
-
-
<input type="Submit" name="Submit" id="Submit" value="Print Order" onclick="this.disabled=true;" onfocus="blur()" />
-
The dotted line is gone.
Welcome to johnhesch.com, a blog about my life, projects, and interests. I have been blogging for over 10 years in one form or another.
thank you for this. i agree, this is a very annoying quirk in firefox.