1

すべてのブラウザで同じスタイルの input type="radio" を取得するにはどうすればよいですか。cssを使用して、すべてのIE9、Chrome、およびFFでラジオボタンとテキストを中央に配置して、ページ全体で左から右に3つのラジオボタンを取得しようとしています。私はすべての異なるタイプまたは垂直方向の配置とパディングを使用していますが、これは一部のブラウザーでは機能しますが、すべてではありません。

<input class="text-bottom" type="radio" value="1"  name="ProcessingComplete">Works in FF & Chrome
<input class="middle" type="radio" value="1"  name="ProcessingComplete">Works in IE
<input class="top" type="radio" value="1"  name="ProcessingComplete">Works in FF & Chrome

.middle
{
vertical-align: middle;
}
.top
{
vertical-align: top;
}
.text-bottom
{
vertical-align:text-bottom;
}
4

1 に答える 1

1

HTML/CSS のラジオ/チェックボックスの配置についてダリオが指摘したように、これを試してください:

input[type="radio"] {
  margin-top: -1px;
  vertical-align: middle;
}

また、<label>タグを使用してラジオ ボタンのラベルをラップすることをお勧めします。

デモを参照してください。

于 2013-02-07T22:11:43.057 に答える