2017-10-01 12 views
3

テキストの幅を一定に保ちながら、オートコンプリートドロップダウンの幅を広げようとしています。 クロムでinspect要素デバッガを開いてオートコンプリートをクリックしようとしたときに、クラス/要素を見つけようとするとドロップダウンが消えます。ドロップダウンを開いたままにしてルックアンドフィールを変更できる方法はありますかクラスのオーバーライドによるドロップダウンの入力テキストの幅を同じに保ってng2オートコンプリートの幅を増やすことができません

また、私はクラスを考え出して適用しようとしたが、反射しないissuesのうちの1つを介して読み取ることによって、どういうわけか:active:focus

にクロムの要素の状態を作ってみました。

<style> 
    ng2-auto-complete ul li { 
    color:blue; 
    width:150%; 
} 
    </style> 

Plunkerリンクhere

答えて

0

現在、NG2-オートコンプリートクラスの前にドットやハッシュを逃しています。それがクラスの場合はドットが必要で、IDの場合はハッシュが必要です。

<style> 
    .ng2-auto-complete ul li { 
    color:blue; 
    width:150%; 
    } 
    </style> 

これが役立ちます。

+0

ありがとう@TidyDev自動補完を開いて、クラスをデバッグ/適用する方法はありますか。私はページ/他の場所をクリックするとすぐにコントロールを失います。 – forgottofly

+0

'ng2-auto-complete'私はドットが必要ではないと思う要素です。あなたの意見は何ですか? – forgottofly

+0

あなたは正しいです、それは要素名とクラス名の両方として使われます。 ng2-auto-complete要素には幅を指定するインラインCSSがありますか?これはあなたのcssコードを他の場所に置き換えるかもしれません。 – TidyDev

関連する問題