试试以下代码段：

Question

我有一个radiobutton，并希望将其文本显示为粗体。

1）我尝试了

<asp:RadioButton ID="RadioButtonLevel0" runat="server" 
                 GroupName="ItemAccess" value="0" AutoPostBack="true" 
                 oncheckchanged="RadioButton_CheckedChanged" 
                 Text="Only to Me" Font-Bold="true"/>

...但它仍然显示正常字体权重的文本。

2）我尝试了

<asp:RadioButton ID="RadioButtonLevel0" runat="server"
                 GroupName="ItemAccess" value="0" AutoPostBack="true" 
                 oncheckchanged="RadioButton_CheckedChanged"/>
  <b>Only To Me</b>
</asp:RadioButton>`

但这会产生错误。

Answer 1

试试以下代码段：

<asp:radiobutton ID="rdbText" runat="server" CssClass="bold" Text="Text"></asp:radiobutton>
<style type="text/css">
.bold
{
    font-weight:bold !important;
}

Answer 2

它因为CSS而乖乖..你也可以检查它..安装firebug或使用任何开发人员工具检查元素..它会告诉你哪个css覆盖它.. 我认为这可以减缓你的问题......就这样。

在你的页面上定义一个css，你的单选按钮在你的单选按钮上应用这个css ..

<style type="text/css">
.bold
{
    font-weight:bold !important;
}
</style>

“！important”将覆盖所有内容..

Answer 3

<asp:RadioButton ID="rbtn1" runat ="server" Text ="check1" style="font-weight :bold;"   />

Answer 4

使用style =＆gt; font-weight使单选按钮加粗：

<asp:RadioButton ID="RadioButton1" runat="server" style="font-weight: 900" Text="test" />

如果它不起作用，那是因为父CSS。如果你有chrome，你可以使用开发人员工具来查看Inherited CSS的确切位置。如果您有IE，则可以将F12用于开发人员工具。跟踪Syle它显示原因

Answer 5

我认为这肯定是因为父控制的CSS。检查inspect元素并知道哪个父控件是导致此问题的原因。例如，如果label是原因，则将css类修改为

.bold > label {
    font-weight:bold !important;
}

...这将解决您的问题。

Answer 6

<asp:RadioButton ID="RadioButton1" GroupName="RadioButton12" runat="server" Text="test1" /><br />
<asp:RadioButton ID="RadioButton2" GroupName="RadioButton12" runat="server" Text="test2" />

<style>
input[type="radio"] + label {
    font-weight: normal !important;
    color: gray;
    opacity: 0.5;
    cursor: pointer;
}

input[type="radio"]:checked + label {
    color: initial;
    opacity: 1;
    cursor: pointer;
}
</style>

input[type="radio"] + label {
		font-weight: normal !important;
		color: gray;
		opacity: 0.5;
		cursor: pointer;
	}

	input[type="radio"]:checked + label {
		color: initial;
		opacity: 1;
		cursor: pointer;
	}

<asp:RadioButton ID="RadioButton1" GroupName="mygroup" runat="server" Text="test1" /><br />
	<asp:RadioButton ID="RadioButton2" GroupName="mygroup" runat="server" Text="test2" />

<span><input id="MainContent_RadioButton1" type="radio" name="ctl00$MainContent$RadioButton12" value="RadioButton1" checked="checked"><label for="MainContent_RadioButton1">Test1</label></span><br>

<span><input id="MainContent_RadioButton2" type="radio" name="ctl00$MainContent$RadioButton12" value="RadioButton2"><label for="MainContent_RadioButton2">Test2</label></span>

如何使radiobutton文字变粗？

6 个答案:

试试以下代码段：