CSSでASP.Netフォームのスタイルを設定する

Question

Webサイトをプレーン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にフォームの名前を変更するので、スタイルがあります適用されません。

私はaspNetformをCSSに追加しようとしましたが、すべてのフォームに同じスタイルが与えられました。

私はマスターページbtwを使用しています。

Answer 1

私はWebフォームでは動作しませんので、より良い解決策があるかもしれませんが、フォームではなくCSSクラスを使用してフォームにアクセスすることができます。

例えば、次のようにCSSでそのフォームタグにクラスfrmRegisterを追加し、それに対処：

form.frmRegister .floatRight input{ width: 100%; 
.... 

Answer 2

ではなくIDで、クラス名に基づいたスタイルを与えてみてください。

Answer 3

IDでスタイルを設定しないでください。代わりにCSS classesを使用してください。 CSSの

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

：

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

は技術が、私は、フォームにCSSを適用されたことがありませんので、私は上記の動作しますない、100％確信しています。私がそれを行う必要がある場合は、フォーム内にdivを入れ、divにスタイルを適用します。だから私は

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

Answer 4

に

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

を変更したいあなたは、あなたのコントロールのプロパティClientIDを試みたことがありますか？あなたのCSSにも

あなたのような何かを行うことができます。

form#<%=myControl.ClientID%>{ 
    /* css in here */ 
} 

Answer 5

はい、フォームはWebフォームアプリで特別な要素を表します。クラスを定義してそれをフォームに適用するだけでなく、フォーム内にdivを配置してスタイリングすることもできます。

また、通常のHTMLよりも大きな利点の1つは、すべてをマスターページに貼り付けることができることです。こうすることで、全体のページレイアウトを1か所（マスターページ）で微調整し、その変更をすべてのページに反映させることができます。

Answer 6

ページ/マスターページにスタイルを埋め込んでいるのですか、それとも外部ファイルですか？マスターページにスタイルを追加すると、すべての子ページに影響します。