0

On Chrome (chromium), IE and Opera browsers, but not Firefox, I have long boxes that are unsightly (made much worse when hover shadow effects are utilised).

checkboxes

The code which produces this effect must occur more than once as it only disappears when I delete a couple of my css files.

There is no specific mention of type="radio" in my css files. The form that the radio buttons are attached to has its own class.

To try and reset the css relating specifically to the radio buttons I used 

#resetter {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

And then set the id of the radio buttons to "resetter", but no apparent change. If there is some way to remove this errant css affecting the radio buttons I would be delighted! (For the record I marked every line of the above with !important, just to be sure.

4

1 に答える 1

1

それが Firefox では現れなかったという事実は、問題を解決するのに役立ちました: それは境界線ではなく、影でした.

具体的には：

-webkit-box-shadow: rgba(?, ?, ?, ?) ?px ?px ?px;

次のように置き換えた場合:

-moz-box-shadow: ?px ?px ?px #?;

Firefox との互換性が維持され、他のブラウザーで見苦しいボックスが表示されることはありませんでした

于 2013-07-27T19:09:07.033 に答える