如何用CSS或CSSClass或C#更改不同风格的多个asp.net文本框或标签或标签?

时间:2016-01-13 02:03:32

标签: c# html css asp.net

<asp:TextBox ID="givennametb" runat="server" BackColor="White" ForeColor="Black" Width="145px" CssClass="textbox"></asp:TextBox>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<asp:TextBox ID="familynametb" runat="server" BackColor="White" ForeColor="Black" Width="145px"></asp:TextBox>

我写了这段代码。现在,我想将bordercolor givennametb的{​​{1}}更改为蓝色,将textBox更改为红色。

我不想与familynametb内联。我想使用CSS / CSSClass。我在ASP.NET中使用C#。如果我执行BorderColor:"blue/red"并尝试更改样式,则所有标记都会更改为相同的颜色。我想分开改变。

2 个答案:

答案 0 :(得分:1)

请记住,ASP.Net将在<Input type="text">的{​​{1}} HTML中呈现控件ASP:Web浏览器的文本,因此您可以使用具有控件ID的CCS选择器修改textBox的边框颜色。

<form>
input#givennametb{
       border:1px solid blue;
    }

 input#familynametb{
       border:1px solid red;
    }

答案 1 :(得分:0)

input.textbox#givennametb{
       border:1px solid blue;
    }

 input.textbox#familynametb{
       border:1px solid red;
    }
<input id="givennametb" type="text" class="textbox" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input id="familynametb" type="text" class="textbox" />