-1

テキストボックスがあります。クロームを使用してホバーすると、正常に動作します。ただし、IEバージョンのいずれもホーザー効果を認識していないようです。これが私の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

ルールを次のように変更してみてください

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

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

：enabledおよび：disabledは、IE<9ではサポートされていません。そのため、フォールバックが必要になる場合があります...selectivizr.jsを使用してみてください...InternetExplorer6-8のCSS3疑似クラスと属性セレクター。スクリプトをページに含めるだけで、selectivizrが残りの作業を行います。 http://selectivizr.com/

于 2013-02-04T10:56:44.510 に答える
0

多分複数の疑似要素なしで試してください：

.myOnlyTextbox:hover
{
    background-color: #FFB66C;
}
于 2013-02-04T11:02:45.907 に答える