0

イベントを発生させるためにマウスオーバーする必要がある場合、計算された幅を表示するために展開するにはどうすればよいですか? メニューのリンクにマウスを合わせると、幅が 270 ピクセルから 850 ピクセルに変更され、メニュー全体が狂ってしまいます。

しかし、この変化の原因となっている CSS スタイル要素を特定することはできません。これは、リンクの上にマウスを置いたままにする必要があり、計算されたスタイルを展開して原因を確認する方法がないためです。

タブキーと矢印キーを使用して、Chrome の UI 要素を順番に切り替えることを試みましたが、うまくいきませんでした。何か案は？

Chrome デベロッパー ツール

ところで: メニューは、asp.net でラップしたサードパーティ ツールによって作成されます。影響を受ける作成済み要素は次のとおりです。

<td emtype="c" colspan="2" class="ParentItemContentCell"><a href="/Admin/Default.aspx?p=9">Admin Home</a></td>

CSS コードは次のとおりです。

.ParentItemContentCell
{
        width:100%;
    font: 12px Tahoma; 
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    white-space: nowrap;
}
.ParentItemContentCellOver
{
    font: 12px Tahoma; 
    text-transform: uppercase;
    color: #361A53;
    text-align: center;
    white-space: nowrap;
    width:100%;
}

.ParentItemContentCellOver a
{
    font: 12px Tahoma; 
    text-transform: uppercase;
    color: #361A53;
    text-align: center;
    white-space: nowrap;
    width:100%;
    text-decoration:none;
}
4

1 に答える 1

1

この質問には2つの答えがあります

スタイルペインのチェックボックスにカーソルを合わせる

スタイルのチェックボックスにカーソルを合わせる

および要素の状態のコンテキストメニュー

および要素の状態のコンテキストメニュー

于 2013-03-09T07:21:21.597 に答える