2

CSSを使用してエラーを表示および非表示にするボタンのような機能を実装しようとしています。

ユーザーが CSS ボタンまたはリンクをクリックすると、以下のように、フォーカスされた要素の兄弟を選択できます。これは IE8+ でのみ機能します。

#ShowErrors:focus + a + a + a + div ul li.Error{
    display: list-item;
}

ただし、フォーカスは IE7 ではサポートされていません。:active は機能しません。兄弟の選択ではホバーのみが機能するようです。しかし、私はボタンのような動作を実現したいと考えています。これは IE 7 で CSS のみを使用して可能ですか? #ShowErrors はリンク () です。

4

1 に答える 1

1

ポリフィルを使用して:focus、古いブラウザーで機能を実現できます。広くサポートされ、テストされているSelectivizrをお勧めします。また、いくつかのフレームワークで利用できるため、運用環境に簡単に適合させることができます。

兄弟セレクターに関しては、これはIE6 までサポートされています。ですから、あなたがそこまでさかのぼろうとしない限り、私はそのことについて心配することはありません。

于 2013-09-10T20:54:31.893 に答える