2

IEとFirefoxradioの両方でボタンを同じように見せようとしています。

次の例があります。

<head>
<style media="screen" type="text/css">    
    html, body, div, form {
        margin: 0;
        padding: 0;
    }
    input{
        margin: 0;
        padding: 0;    
    }
</style>
</head>

<body>
<span style="font-family:Arial; color:#000000; font-size:8pt;">
    <input type="radio" name="blah" value="7">MyWord<br>
</span>
</body>

IEでは、radioボタンには余白があるはずの余分な空白があります0。したがって、実際にに近いはずのテキストはそうradioではありません。

このステートメントを使用するDOCTYPEと機能することはわかっていますが、他の問題のために使用できません。

この問題を解決する他の方法はありますか？

4

1 に答える 1

3

ラジオボタン要素の幅を十分に小さい値に設定します。

<input type="radio" name="blah" value="7" style="width: 13px">

表示される間隔は、パディングでもマージンでもありませんが、ラジオボタンのレンダリングの一部です（IEでF12を押してから、「HTML」の下の要素を見つけて、レイアウトの説明（要素）を確認してください）。

CSSで寸法が別途設定されていない限り、20×20を使用するQuirksモードのIEを除いて、ブラウザは一般にラジオボタンとチェックボックスを13×13ピクセル（合計寸法）として実装しているようです。

于 2012-07-14T04:39:11.083 に答える