0

私は Aloha (WYSIWYG) Editor を初めて使用します。その青いアウトラインを削除/無効にする方法を知りたいのですが、編集フィールドがフォーカスされています。

黄色のハイライト アウトラインを無効にすることはできましたが、フォーカス ボーダー アウトラインの青色を無効にする方法が見つかりませんでした。

友好的なアドバイスはありますか？

ありがとう。

4

1 に答える 1

0

この青いアウトラインは、「highlighteditables」プラグインの CSS によって作成されますsrc/plugins/common/highlighteditables/css/highlighteditables.css。

.aloha-editable-active, .aloha-editable-active[contenteditable=true]:focus {
    outline: #80B5F2 solid 5px !important;
}

Web ブラウザーでインスペクターを実行するときに、要素を選択してこのスタイルを無効にすると役立つことを確認します。

!important:(の見苦しいプログラミング スタイルに注意してください。

残念ながら、ロードするプラグインを選択できるため、JavaScript のみを選択できます。ビルド中に有効化されたすべてのプラグインの CSS は にマージされ、aloha.css常にロードされます。

これを修正する 1 つの方法は、エディタを自分で作成することです。基本的な紹介は、 Develop Aloha Editor ガイドのセクション「4.3 カスタマイズされたビルド」に記載されています。

Aloha を自分でビルドするには多少の労力が必要なため、インライン スタイルを使用した簡単な回避策に興味があるかもしれません。

outline: none !important;

あなたが問題を抱えている要素のために。!importantキーワードに注意してください- 必須です。

于 2013-08-10T05:23:46.630 に答える