Anchor, Button és Input…

…avagy hogyan legyen minden böngészőben ugyanolyan a gombunk. Hát ezt is sikerült – valamilyen szinten – megalkotni. Íme a kód minden körítés nélkül:

.button {
    border: 1px solid red;
    background: yellow;
    font-size: 12px;
    color: #000;
    display: inline-block;
    font-family: Arial;
    text-decoration: none;
    text-align: center;
    padding: 1px 1px 2px!important;
    margin: 0;
    cursor: pointer;
    vertical-align: bottom;

    /* Internet Explorer 7 button padding hack */
        overflow: visible;
        !width:auto!important;
    /* Internet Explorer 6 button padding hack */
        _width: 0;
        _padding: 0;
}

a.button {
    _padding: 1px 1px 2px;
}

/* Firefox button padding hack */
input.button::-moz-focus-inner,
button.button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

Egyelőre csak IE6 és 8, valamint Firefox 3 és Safari alatt néztem meg, de remélhetőleg IE7 alatt is működik a dolog, holnap kitesztelem!

És kezd már elegem lenni az IE6 és 7 töketlenkedésekből!