Question

我有一个文本框。当我把它悬停在它上面时，使用铬，它工作正常。然而，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？任何想法？

Answer 1

IE中不支持

：enabled和：disabled; 9;所以可能需要回退...尝试在Internet Explorer 6-8中使用selectivizr.js .... CSS3伪类和属性选择器。只需在您的页面中包含脚本，selectivizr将完成剩下的工作。 http://selectivizr.com/

Answer 2

也许在没有多个伪元素的情况下尝试：

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

Answer 3

尝试将规则更改为以下

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

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

css悬停不在IE中工作

3 个答案: