- PR -

Radiobuttonlistの○ボタンにスタイルを適用させたい

1
投稿者投稿内容
ぐるぐる
会議室デビュー日: 2005/05/09
投稿数: 4
投稿日時: 2005-05-09 15:25
ASP.NETを使用しています。
まだ使い始めたばかりの初心者です。
表題にあるようにasp:RadioButtonListで囲んだ中のラジオボタンの丸いところにスタイルを適用させたいのです。
というのも、スタイルシートによりinput全般に枠線付きのスタイルを設定しており、このままですと、ラジオボタンの丸に四角の縁が付いてしまい、不格好なのです。
リストは以下のようになります。

1<body>
2<form runat="server">
3 <asp:textbox runat="server" />
4 <asp:RadioButtonList ID="MyRadioButton" Runat="server">
5 <asp:ListItem selected="true" value="1">今すぐ送信</asp:ListItem>
6 <asp:ListItem value="2">日時を指定して送信</asp:ListItem>
7 </asp:RadioButtonList>
8</form>
9</body>

3のtextboxは縁がついてokで、5と6のラジオボタンには縁をつけたくありません。
4のRadioButtonListにはプロパティにCssClassがあってスタイルを指定することはできますが、
これだとラジオボタンリスト全体に対するスタイルになり今回の要望にはあいません。
ラジオボタンのみスタイルを変更するにはどうしたら良いでしょうか？
べる
ぬし
会議室デビュー日: 2003/09/20
投稿数: 1093
投稿日時: 2005-05-10 00:36
引用:
スタイルシートによりinput全般に枠線付きのスタイルを設定しており
単純にこれをやめて「四角の縁」を付けたいものにだけclass属性(CssClassプロパティ)
で指定すればいいと思いますが。

一応、下記のようにすればclass=class1であるタグの内側のinputタグにだけ
スタイルが適用されるのでRadioButtonListのCssClassをclass1にすればいいはず。

.class1 input
{
border-style:none;
}

[ メッセージ編集済み 編集者: べる 編集日時 2005-05-10 00:36 ]
ぐるぐる
会議室デビュー日: 2005/05/09
投稿数: 4
投稿日時: 2005-05-10 10:51
べるさん、ご回答ありがとうございました。
無事、ラジオボタンの縁を取ることができました。
こういうスタイルの書き方があることを初めて知り勉強になりました。
ありがとうございました。
1

スキルアップ／キャリアアップ（JOB@IT）