使用CSS将listitem.text放置在radiobuttonlist中的radiobutton上

我使用单选按钮是因为它使绑定项和控制动态事件变得非常容易

我的问题是隐藏ListItem.Text左侧或右侧的RadioButtonList ListItem“圆圈”

我将每个ListItem.Text属性设置为HTML

”；
noPizzaMod.Attributes.csssstyle.Add（“float”、“left”）；
noPizzaMod.Attributes.csssstyle.Add（“padding”，“01em”）；
添加（“文本对齐”，“居中”）；
rdo_pizzamods.Items.Add（noPizzaMod）；

结果：只在单选按钮列表项圆圈的左侧添加了填充

同样，手头的任务是将ListItem.Text（图片元素）浮动到RadioButtonList ListItem“圆圈”的顶部

谢谢你抽出时间

PS：我尝试过的另一件事是使用JQuery显示：无单选按钮列表项，但当然会隐藏文本以及整个单选按钮列表：(

作为最后的手段，我可以切换到togglebuttonextender的复选框，但这将包括重新设计我们的显示机制。我希望有一个简单的解决方案，一位大师可以告诉我

编辑：

我只是有一个asp:Panel，在代码隐藏中动态添加RadioButtonList

noPizzaMod.Text = "<img src=\"image.png \" />";
noPizzaMod.Attributes.CssStyle.Add("float", "left");
noPizzaMod.Attributes.CssStyle.Add("padding","0 1em");
noPizzaMod.Attributes.CssStyle.Add("text-align", "center");
rdo_pizzamods.Items.Add(noPizzaMod);

像这样

<asp:Panel ID="pnl_pizzamods" runat="server"></asp:Panel>

ListItem PizzaMod=new ListItem（）；
noPizzaMod.Text=“”；
noPizzaMod.Attributes.csssstyle.Add（“float”、“left”）；
noPizzaMod.Attributes.csssstyle.Add（“padding”，“01em”）；
添加（“文本对齐”，“居中”）；
rdo_pizzamods.Items.Add（noPizzaMod）；
pnl_pizzamods.Controls.Add（rdo_pizzamods）；

---

我还在后台添加了自定义动态事件处理程序和许多其他mojo，这使得RadioButtonList数据绑定对我来说很容易控制。不过，我确信它不会影响可视化布局！再次感谢您的帮助！

您尝试过简单地隐藏单选按钮吗

ListItem PizzaMod = new ListItem();
noPizzaMod.Text = "<img src=\"image.png \" />";
noPizzaMod.Attributes.CssStyle.Add("float", "left");
noPizzaMod.Attributes.CssStyle.Add("padding","0 1em");
noPizzaMod.Attributes.CssStyle.Add("text-align", "center");
rdo_pizzamods.Items.Add(noPizzaMod);
pnl_pizzamods.Controls.Add(rdo_pizzamods);

---

Fiddle:

你能发布你的HTML或JSFIDLE吗？@j08691我已经在c#code behind中包含了我的aspPanel更新以及如何将其添加到控件中。我在codebehind中为每个RadioButtonList列表项设置了样式。

input[type='radio'] { visibility: hidden; }