Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Submit button style in IE

I have a question to the submit- button behavior of internet explorer. If I load the page everything is fine - the submit button looks as it should.

Inactive state http://img58.imageshack.us/img58/7214/inactiveci9.jpg

But if I click inside the FORM, the submit button gets some additional style which I don't like (see image for more information).

Active state

How can I disable this behavior. I'm using IE7 under Vista.

like image 290
ollifant Avatar asked Nov 16 '08 15:11

ollifant


People also ask

How do you style a submit button?

you can style the Button as you wish. In the same way as in the previous answers, you can pimp your button selecting it using the input[type="submit"].

How do I customize a submit button?

The simplest way to do this is by using the WordPress CSS Editor. To open this, go to Appearance » Customize and select Additional CSS. Once you've opened the Additional CSS section, you can paste in your new CSS, click the Save & Publish button, and you're all set!

What is the type of Submit button?

The <input type="submit"> defines a submit button which submits all form values to a form-handler. The form-handler is typically a server page with a script for processing the input data. The form-handler is specified in the form's action attribute.

What is the difference between button and submit?

A 'button' is just that, a button, to which you can add additional functionality using Javascript. A 'submit' input type has the default functionality of submitting the form it's placed in (though, of course, you can still add additional functionality using Javascript).


1 Answers

CSS:

input:focus, 
input:active, 
input:hover 
{ 
   outline: none; 
   border: 1px solid; 
} 

No guarantees, but that is supposed to stop IE being stupid.

You should extend the above style a little, for instance, change background color or border color to give an alternative change indicating focus.

( press tab, you'll see it move ;) , the additional style is an indicator showing what action will be performed upon pressing ENTER )

like image 90
Kent Fredric Avatar answered Oct 20 '22 23:10

Kent Fredric