2017-05-04 10 views
0

を設定<ui-select-match placeholder="Select areas...">{{$somestuff}}</ui-select-match>角度UI選択マッチプレースホルダは、自動的に私が持っている幅

その幅が10pxのに設定されたばかりのプレースホルダで入力ボックス。私が何をしているにせよ自動的に(下の写真に見られるように)。なぜこれが起こっているのか分かりません。ページ上のものに触れたり、ブラウザウィンドウのサイズを調整したりすると、プレースホルダー全体が表示されます。

これはなぜ起こっているのですか?コンソールで、私はそれが言うことがわかります:element.style:width:10px;それはどこから来ている、そして私はとにかく任意のCSSファイルに触れていない任意のCSSファイルへの参照はありません。

Image

答えて

1

について、あなたは取っている10pxの幅は、角度UIセレクトライブラリによって追加されます。 1つの解決策は、css!importantプロパティを使用してテキストボックスの幅を上書きすることです。

.ui-select-container{ 
     width:50px!important; //put whatever pixel value you need.it wont change 
} 

ui-select-containerクラスは、ui-selectがレンダリングされた後にライブラリによって追加されます。

+0

お返事ありがとうございます。私の唯一の質問は、これが以前に起こっていなかった理由と、ブラウザウィンドウのサイズを調整したり、ページ上の他の入力をクリックすると、それが正常に戻ってしまう理由です。 –

+0

Angular-ui-selectは、select2というライブラリのラッパーです。 select2ライブラリでは、幅はデフォルトでいくつかの値として与えられます。この値はjavascriptによって追加され、element.style:width:10px;が表示されます。彼らのウェブサイトのほとんどの例では、CSSを使っていくつかの値を上書きすることがわかります。その標準的な手順。最終的には、ブラウザに表示したい値を追加する必要があります。 – Saajan

+0

大丈夫です。ご協力ありがとうございました! –

関連する問題