1

Web プロジェクトのフロントエンド フレームワークとしてFoundation (SCSS なし)を使用しています。カスタマイズに関しては、自分のプロジェクトで参照されているサードパーティ モジュールを変更するのではなく、CSS のカスケード オーダー ルールを使用して、フレームワークで定義されている、オーバーライドしたいプロパティをオーバーライドします。ただし、ここにはトリッキーなシナリオがあります。

Foundation は for のユーザー エージェントのoutlineプロパティをtext:focusedwith で無効にしますtext:focused {outline: none !important}。フレームワークの CSS を変更せずに、ユーザー エージェントのoutlineプロパティの使用を強制する方法はありますか?

4

1 に答える 1

0

要素のスタイル設定をデフォルトにリセットする別の CSS ルールを作成することはできません。ほとんどの場合、新しいルールを定義して、スタイリングをほとんどのユーザー エージェントのデフォルトに戻すことができます。

text:focused { outline: solid black 1px; }

!important残念ながら、Foundation の宣言を CSS で上書きすることはできません。ただし、JavaScript を使用してこれを行うことができます。このようなもの：

document.theText.style.outline = "solid black 1px";

(私はこれをテストしませんでしたが、シナリオの JSFiddle デモを提供していただければ可能です。)

于 2013-01-07T22:30:57.403 に答える