как применить свойства CSS3 (т.е. -moz, -webkit radius radius) к кнопке asp.net и элементу управления texbox, а также к html fieldset & legend? - PullRequest
Новая
       19

как применить свойства CSS3 (т.е. -moz, -webkit radius radius) к кнопке asp.net и элементу управления texbox, а также к html fieldset & legend?

0 голосов
/ 26 января 2011

Я применил стили скругленных углов к своим элементам управления ASP.Net для кнопок и текстовых полей, а также к набору полей и легенде.

Вот мой CSS- 

fieldset
{
width:605px;
margin-bottom:20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
fieldset legend
{
background: #606060 url(images/bluelines.gif) repeat-x center left;
 -moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin: 7px; 
padding: 10px 10px 0px 5px; 
}
fieldset legend:hover{
background: #606060 url(images/blue-lines.gif) repeat-x center left;
}
fieldset legend img
{
padding: 0px 6px 0px 0px; 
position: relative; 
bottom: 5px;
}
.txtBox 
{
border: 1px solid #DDDDDD;
height:15px; 
width: 200px;
padding: 5px;
background: #ffffff;   
-moz-border-radius: 5px;
 border-radius:5px;   
-webkit-border-radius: 5px;

}
.txtBox:focus{
border: 2px solid #50cff1;
box-shadow: 5px 1px 1px 5px #000;

}
.buton{
background: #50cff1 url(images/nav-act.gif) repeat-x center left;
border: none;
color: #ffffff;
border-radius:5px;
 -moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.buton:hover
{color: #000000;}

Вот код скина- 

<asp:TextBox runat="server" CssClass="txtBox" SkinID="textBox" />
<asp:Button runat="server" CssClass="buton" SkinID="button" />

Но эти стили не работают в Internet Explorer (8,7,6).Пожалуйста, дайте мне знать любое решение, чтобы все эти стили применялись к этим элементам (кнопка asp.net и текстовое поле, fieldset & legend) и в IE!

С уважением, nzahra

1 Ответ

1 голос
/ 23 февраля 2011

IE8 и ниже не поддерживают CSS3, только IE9.Чтобы имитировать CSS3, вам нужно использовать фильтры, файлы .htc (поведения), изображения или их комбинации для любого CSS3.

Вы можете использовать условные комментарии , чтобы скрыть содержимое IE от других браузеров. Вот некоторая информация о фильтрах и один способ округления углов в IE. .

...