CSS @Font规则不适用于文本框

Question

我正在创建一个asp.net网站，在该网站中，我使用css将字体设置为controls.This：

body {
}

@font-face
{
   font-family: MyFont;
   src: url("Shiv05.eot");
}
@font-face
{
   font-family: MyFont;
   src: url("Shiv05.ttf") ;
}
@font-face
{
   font-family: MyFont;
   src: url("Shiv05.woff") ;
}
    .Title
   {
       font-family: MyFont, Arial;
       font-weight: bold;
       font-size: 16px;
       color: #0094ff;
    }
    .Text
    {
       font-family: MyFont, Arial;
       font-size: 18px;
       color:Lime;
    } 

这就是我在我的来源中使用它的方式：

div class="Text">       
                <asp:TextBox ID="txtQuestion" runat="server" 
Height="101px"  TextMode="MultiLine"
                    Width="627px"  meta:resourcekey="txtQuestionResource1" 
                    ontextchanged="txtQuestion_TextChanged" Font-Names="Shivaji05"
                    EnableTheming="False"></asp:TextBox>          

                <asp:Label ID="lblQuestionText" runat="server" 
 Text="Type Your Question   Here" 
                Font-Bold="True" EnableTheming="False" Font-Names="Shivaji05">    </asp:Label>                   
                 </div>

字体应用于标签，但不应用于文本框，错误在哪里，我应该如何纠正？

Answer 1

这里重要的是ASP代码生成了哪些HTML元素。对于TextMode="MultiLine"，它是一个textarea元素，因此需要设置样式，例如：

.Text textarea
{
   font-family: MyFont, Arial;
}

为.Text设置字体不会影响textarea，因为textarea元素具有依赖于浏览器的默认字体；就CSS而言，这意味着至少在概念上，有一个在textarea上设置font-family的浏览器样式表。因此，textarea元素不会从其父元素继承字体。