StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POReverting CSS style of <input type=submit button to its default style
text
Body
copied!<p>I'm using a bookmarklet that inserts a script tag into the current web page.</p> <p>This script has some UI and an "<code>input type=submit....</code>" tag in it.</p> <p>Web page A has chosen not to style "<code>input type=submit..</code>" tags whereas web page B has styled them.</p> <p>This results in the bookmarklet displaying differently styled submit buttons based on the underlying page's style.</p> <p>I want the submit buttons to be styled identically on all web pages in <strong>its default manner</strong>.</p> <p>One solution is to set the CSS style for the submit button within my script so it shows up identically on all pages. (This is what I have done for all other tags).</p> <p>My question is: </p> <ol> <li>How do I set the CSS style for the submit button so it displays in a 'default manner' or ? </li> <li>Can one remove existing styling, and, if so, how for the button so that it displays in the 'default manner'?</li> </ol> <p>In other words, how can I have the submit buttons within the UI of my bookmarklet be displayed in the 'default manner' regardless of whether the underlying web page has chosen to style it or not?</p> <blockquote> <p>Note: By 'default manner' I mean the way the submit button is displayed when no styling is added to it. For example the 'Google search' or 'I'm feeling lucky' buttons on <a href="http://www.google.com" rel="nofollow noreferrer">http://www.google.com</a>.</p> </blockquote>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload