Firefox 5スタイリングチェックボックス不思議な背景

コードは、私が今日出会った挙動を再現します。これはかなり変です（はウィンドウ上でのみ発生します））。ホバーでは、Firefoxはcheckboxの色を黒色にします。画像上に見られるように。Firefox 5スタイリングチェックボックス不思議な背景

the black border should not exist

他のすべてのブラウザ（クローム、サファリ、すべてのIEの）は、同様の効果を体験していません。

私は（height属性を保持して）どのようにしてFirefoxを動作させることができますか？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style type="text/css"> 
     #c-box { 
      height: 20px; 
     } 

    </style> 
</head> 
<body> 
     <input id="c-box" type="checkbox"> 
     <label for="c-box">this is a checkbox</label> 
</body> 
</html>

出典

2011-06-28 Frankie

私はfirefox 5.0のチェックボックスで珍しいものを再現できません。たぶんスクリーンショット？ – natedavisolds

@natedavisoldsがチップを更新しました。 – Frankie

再現できません（FF 5.0、OSX）。 –

Windows XPのFirefox 5では同じ動作が発生しました。 CSS Heightの値をautoに設定し、margin-topを使用してチェックボックスを正しく配置することで、黒い背景を排除する唯一の方法でした。

例：

注：この例では、#c-boxはinput type="checkbox要素です。代わりに

#c-box { height: 20px; }

使用

#c-box { margin-top: 5px; /* Test to see which margin value matches the look you desire */ height: auto; }

の

私はあなたがheightプロパティを保持したいと述べた知っているが、このソリューションは、私のレイアウトを壊すことなく、私のために働きました。

希望に役立ちます！これは私自身の問題に無数の答えを見つけた後、ここで実際に質問に答えるのは初めてのことです。 :)

出典

2011-07-25 15:40:43 Rtrott

Firefox 5スタイリングチェックボックス不思議な背景

答えて

関連する問題