css悬停在IE中不起作用答案

【问题标题】：css hover not working in IEcss悬停在IE中不起作用
【发布时间】：2013-01-19 01:17:45
【问题描述】：

我有一个文本框。当我将鼠标悬停在它上面时，使用 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？有什么想法吗？

【问题讨论】：

发布你渲染的html代码
这是一个巨大的文件。但是，这是在文本框上生成的
IE 低 9 不支持 :enabled 和 :disabled 伪类。quirksmode.org/css/contents.html#t33
那我现在该怎么办？我希望在 IE 中有一个不错的悬停效果。
启用时添加其他类。并将鼠标悬停在上面。

标签： asp.net html css internet-explorer

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

:enabled 和 :disabled 在 IE http://selectivizr.com/

【讨论】：

去这个selectivizr.com网站下载js文件并添加到你的头文件中...
好的...让我们看看我能不能让它继续...还有一件事..我应该将它添加到主文件还是子页面？
仅将其添加到您的母版页中。
@Gopikrishna 你忘了说你需要另一个库来使用它，比如 jquery

【解决方案3】：

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

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

【讨论】：