Question

我有一个asp.net表单，我试图通过css将一些字体设置应用到文本框。这就是我在CSS中的内容：

body 
{

}

@font-face {
    font-family: 'Lohit Devanagari',serif;  
    src: url('http://fonts.googleapis.com/earlyaccess/lohitdevanagari.css');
    font-weight: normal;
    font-style: normal;
}

.txtQues
{
    font-family: 'Lohit Devanagari',serif;   
    font-size:14px;
    background-color:Yellow;
}

以下是我的页面来源的一部分，我已将css添加到页面中：

<head>
 <title>Question Master</title>
 <link href="../FontSettings.css" rel="stylesheet" type="text/css" />
 <meta name="google-translate-customization" 
 content="3280487709591956-   dc3fc45d489f056a-g5378ebab0cbcd0a4-12"/>   
</head>

TextBox：

<asp:TextBox ID="txtQuestion" runat="server" Height="101px" TextMode="MultiLine" Width="627px" meta:resourcekey="txtQuestionResource1"  EnableTheming="True" 
ontextchanged="txtQuestion_TextChanged" CssClass="txtQues"></asp:TextBox>

当我将css应用到表单时，我看到设计窗口中文本框的颜色发生了变化，这告诉我正在应用css，但是当我在浏览器上运行代码时，我发现既没有文本框颜色改变也没有字体。请帮助我，让我知道我哪里出错了。

Answer 1

删除@font-face并导入文件。 css已经使用了font-face。试试：

@import url("http://fonts.googleapis.com/earlyaccess/lohitdevanagari.css");
body 
{

}
.txtQues
{
    font-family: 'Lohit Devanagari',serif;   
    font-size:14px;
    background-color:Yellow;
}

Answer 2

在下面的代码中，删除“EnableTheming”或将其设为false。

<asp:TextBox ID="txtQuestion" runat="server" Height="101px" TextMode="MultiLine" Width="627px" meta:resourcekey="txtQuestionResource1"  EnableTheming="True" ontextchanged="txtQuestion_TextChanged" CssClass="txtQues"></asp:TextBox>

同时尝试在CSS中保持对CSS样式的重要性。

.txtQues
{
font-family: 'Lohit Devanagari',serif !important;   
font-size:14px !important;
background-color:Yellow !important;
}

为什么css没有应用到我的网页？

2 个答案: