2016-05-18 16 views
0

選択した要素のハイライトを無効にしようとしています。選択した要素のハイライトを無効にする

これは、それが現在のようになります。ここでは

example with blue glow

私が達成しようとしているものです:

example without blue glow

何の青い輝きがないようにのための唯一の方法はされて画像ボタンがないところをクリックしても、拡張アイコンをクリックすると最初のボタンが表示されるたびにそのボタンが表示されます。

私は、以前のStackOverflowの質問Remove Safari/Chrome textinput/textarea glow渡って来たが、CSSプロパティ-webkit-appearanceoutlineoutline-color、およびoutline-styleは何も解決しませんでした。

私はhttps://github.com/Usernamer/EmojiChromeにGitHubリポジトリを持っています。

+0

あなたは、ポップアップでキーボード制御が必要です、またはマウスが相互作用のみをクリックしていますあなたが探しています? – Xan

+0

@ Xanマウスのクリックだけに依存します。私はキーボードのコントロールを試みたが、うまくいかなかった。 – haykam

答えて

0

このグローは、フォーカスされた入力要素のハイライトです。

あなたが(例えば、インラインますが、最高の別のファイルに含まれている):focus疑似セレクタのCSSルールが必要

<style> 
    input:focus { outline: none; } 
</style> 
+0

私はこれをHTMLを使って以下のようにすることができます: ' '? – haykam

+0

CSSならJSじゃないのはなぜだろう?また、インラインJSコードは拡張機能では使用できません。 – Xan

+0

ああ、あなたのコードを見て、私は問題を参照してください。まあ、生きて学ぶ:[