使用CSS设置ASP.Net表单样式

Question

我正在将网站从简单的html转换为ASP.Net.

我在网站frmRegister和frmLogin中有两个表单

我有这样的每一个css像这样......

form#frmRegister .floatRight input{
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
border: 1px solid #a1d19d;
font-weight: normal;
}

form#frmRegister .textRow input, form#frmRegister .textRow textarea, form#frmLogin                 .textRow input, form#frmLogin .textRow textarea, form#frmRegister .textRow select{
width: 90%;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 border: 1px solid #a1d19d;
}

但是因为asp将表单重命名为aspNetform,所以不应用样式.

我尝试将asp.netform添加到css中,但随后每个表单都被赋予相同的样式.

我正在使用母版页.

Answer 1

不要通过ID设置CSS样式.请改用CSS类.

<form id="myForm" runat="Server" class="someClass">

在css中:

.someClass {background-color: blue; color:red; } 

虽然从技术上讲,我从来没有将css应用到表单中,所以我不能100%确定以上内容是否有效.如果我需要这样做,我在表单中嵌入一个div,并将样式应用于div.所以我改变了

<form id="myForm" runat="Server" class="someClass">
...
</form>

至

<form id="myForm" runat="Server" >
   <div class="someClass">
      ...
   </div>
</form>