Any Way to Remove Ies Black Border Around Submit Button in Active Forms

Any way to remove IEs black border around submit button in active forms?

Well this works here:

<html>
    <head>
        <style type="text/css">
            span.button {
                background: #eee;
                border: 1px solid #ccc;
            }

            span.button input {
                background:none;
                border:0;
                margin:0;
                padding:0;
            }   
        </style>
    </head>
    <body>
        <span class="button"><input type="button" name="..." value="Button"/></span>
    </body>
</html>

Black border on IE7 buttons on textarea/input focus

I blogged about this issue here: http://markmintoff.com/2012/01/remove-internet-explorer-black-border-around-button/

Essentially you can use the following style to remove the offending border simply and effectively.

    input[type=submit],
    input[type=reset],
    input[type=button]
    {
        filter:chroma(color=#000000);
        color:#010101;
    }

No shadow, no outline, no border on active button

With the help of @ntgCleaner, who showed how to use the Chrome debugger (see comments on my post), I found out that when clicking on the button, you will see how the class changes from

class="button"

class = "button activated"

So in my css/sass file, I added:

.button.activated {

 // my custom styiling

}

and that worked!

Submit button styled as text - remove text indent in IE

I just needed to add text-align:left;

Black box around input button in OPERA?

It seems it's a bug in Opera. I could not find a way to completely remove it but here is a sort of work around.

Remove any border from the input element on focus:

.buttonStyle1 {
    ...
}
.buttonStyle1:focus {
    border:none;
}

I know it's not the way way to fix this especially if you need a border. Hopefully Opera will fix this.

Unnecessary border is coming in IE while setting background color

OK, I got the solution for removing border. According to this Link add span as a wrapper and after some CSS manipulation things are working fine for me.

Here what I did in my code :

        span.dropdown {
            float: left;
            overflow: hidden;
            border: 1px solid #ccc;
            height:20px;
        }
        select {
            background: none;
            border: none;
            color: #575652;
            float: left;
            outline: none;
            text-align: left;
            text-decoration: none;
            padding:6px 2px 6px 2px!important;
            display:block;height:23px;
        }
        span.dropdown select {
            margin: -2px  -3px -3px -2px ;
        }

and in HTML :

 <span class="dropdown">
...
//dropdown code
...
</span>

Any Way to Remove Ies Black Border Around Submit Button in Active Forms