Home/ Questions/Q 43965
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-10T15:34:41+00:00

I am implementing a design that uses custom styled submit-buttons. They are quite simply

  • 0

I am implementing a design that uses custom styled submit-buttons. They are quite simply light grey buttons with a slightly darker outer border:

input.button {     background: #eee;     border: 1px solid #ccc; }

This looks just right in Firefox, Safari and Opera. The problem is with Internet Explorer, both 6 and 7.

Since the form is the first one on the page, it’s counted as the main form – and thus active from the get go. The first submit button in the active form receives a solid black border in IE, to mark it as the main action.

If I turn off borders, then the black extra border in IE goes away too. I am looking for a way to keep my normal borders, but remove the outline.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. 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>
    • 0