1

があるチェックボックスがありますappearance: none;。これはクロムで機能しますが、Firefox では削除できないはめ込み枠が残ります。私はすでに試しborder: noneました。

私はここでフィドルを持っています：http://jsfiddle.net/jcJJ5/

4

3 に答える 3

6

残念ながら、チェックボックスにプロパティを設定しても効果がないようです。

私が見つけた唯一の簡単な回避策は、チェックボックスを で<div>囲み、境界線を隠すことです。

私のFiddleを参照してください。

HTML:

<div class="checkbox-container"><input type="checkbox" /></div>

CSS:

input[type="checkbox"] {
    width: 110px;
    height: 110px;
    background: red;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    position: relative;
    left: -5px;
    top: -5px;
}
.checkbox-container {
    position: absolute;
    display: inline-block;
    margin: 20px;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

ところで、(少なくとも Firefox では) 設定backgroundは何の効果もありません。

于 2012-07-19T01:09:20.507 に答える
0

-moz-box-shadowを設定してみることができます：Firefoxが作成する暗い挿入図をカバーするために明るい2本の線の色で...

また、firebugで遊んでみましたが、-moz-appearance：noneをオンにすると、チェックボックスは完全に正常で、通常のスタイルで遊ぶ必要はありません。

于 2012-07-19T02:36:30.593 に答える