-1

我有一个文本框。当我将鼠标悬停在它上面时，使用 chrome，它工作正常。但是，似乎没有一个 IE 版本能够识别 hozer 效果。这是我的css文件。

.myOnlyTextbox
{
    background-color:White;
}

.myOnlyTextbox:focus
{
    background-color: #FFDFBF;
    font-weight: bold;
}
.myOnlyTextbox:disabled
{
    border-width: 0px;
    background-color: transparent;
    font-size: 14px;
}

.myOnlyTextbox:hover:enabled
{
    background-color: #FFB66C;
}

这是我的主文件

<!DOCTYPE xhtml PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server" >

    <title></title>
   <link href="Styles/Site.css" rel="stylesheet" type="text/css" />

    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>

在子页面中，我使用的是这个标题：

asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link href="../Styles/myTextbox.css" rel="stylesheet" type="text/css" />
    </asp:Content>

在body标签中，我定义了这样的文本框。

<asp:TextBox ID="txtSearchByBowzerNo" runat="server" ValidationGroup="ByNo" 
                    CssClass="myOnlyTextbox"></asp:TextBox>

如何在几乎所有浏览器中使用这个 css？任何想法？

4

3 回答 3

0

也许尝试不使用多个伪元素：

.myOnlyTextbox:hover
{
    background-color: #FFB66C;
}
于 2013-02-04T11:02:45.907 回答
0

IE < 9 不支持 :enabled 和 :disabled ；所以可能需要后备...尝试使用 selectivizr.js.... Internet Explorer 6-8 中的 CSS3 伪类和属性选择器。只需将脚本包含在您的页面中，剩下的就交给 selectivizr。 http://selectivizr.com/

于 2013-02-04T10:56:44.510 回答
0

尝试将您的规则更改为以下内容

[disabled].myOnlyTextbox, [readonly].myOnlyTextbox
{
    border-width: 0px;
    background-color: transparent;
    font-size: 14px;
}

.myOnlyTextbox:hover
{
    background-color: #FFB66C;
}
于 2013-02-04T11:18:57.763 回答