Укладка форм ASP.Net с CSS

Я перехожу к веб-сайту из простого html в ASP.Net.Укладка форм ASP.Net с CSS

У меня есть две формы на сайте 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; 
}

, но потому, что жерех переименовывает формы для aspNetform, стили не применяется.

Я попытался добавить aspNetform в css, но тогда каждая форма получает тот же стиль.

Я использую мастер-страницы кстати.

источник

2012-04-19 Brian

Я не работаю с веб-формами, поэтому может быть лучшее решение, но вы можете просто обращаться к своим формам с помощью классов CSS, а не из ids.

Е.Г., добавить класс frmRegister к этой форме тега, а затем обратиться к этому в CSS так:

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

источник

2012-04-19 16:11:01 RedFilter

Попробуйте дать стиль, основанный на имени класса, вместо ID.

источник

2012-04-19 16:11:25 SaravananArumugam

Не стирайте свой CSS по ID. Вместо этого используйте CSS classes.

<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>

источник

2012-04-19 16:11:32 David

Я использую cssclass для asp: Panel или ContentPlaceHolder? – Brian

Обычно я применяю его к панели, но если вы используете Visual Studio, даже бесплатную версию, Intellisense должна помочь вам определить, доступно ли свойство cssClass для данного тега. – David

Проблема в том, что я делаю это, все мои формы получают одинаковый стиль, так как может быть только один тег формы. – Brian

Вы пробовали ClientID свойство элементов управления?

Также на вашем CSS вы можете сделать что-то вроде:

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

источник

2012-04-19 16:12:25 ericb

Да, формы представляют собой особый элемент в приложении WebForms. Лучше просто определить класс и применить его к вашей форме, или даже поместить div в форму и стиль.

Кроме того, одним большим преимуществом по сравнению с обычным HTML является то, что вы можете придерживаться всего этого на главной странице. Таким образом, вы можете настроить общий макет страницы только в одном месте (главная страница) и отразить эти изменения на каждой странице.

источник

2012-04-19 16:12:41

Вы внедряете стили на страницу/главную страницу или находитесь во внешнем файле? Если вы добавите стили на главную страницу, это повлияет на все дочерние страницы.

источник

2012-04-19 16:16:31 Matthew

Укладка форм ASP.Net с CSS

ответ

Смежные вопросы