2017-03-14 6 views
0

Angular2プロジェクトでng2-select2を使用していますが、幅、高さ、枠線の半径、フォントの太さ、フォントサイズなどのスタイルを追加したい私はそれを管理することができませんでした。Angular2でCSSをng2-select2に使用してスタイルを追加する

私のHTMLコードは次のようである:

<select2 [data]="exampleData"></select2> 

私はまた私のSELECT2要素にクラスIDを追加しようとしたが、それは動作しません。どのように私はそれを行うことができます考えている?この

<select2 [width]="dynamic_width"></select2> 

のようなレポの説明に挙げるよう

答えて

0

はあなたがスタイルに動的バインディングのためのngStyleまたはngClassを使用することができ、他の

https://github.com/NejcZdovc/ng2-select2#inputs

はこちらからご覧くださいwidth属性を使用する必要があります(PS: - テストされていません)

+0

はい、しかし、それだけでインラインで使用する必要があります。それはあなたがCSSのファイルにそれを置く場合、動作しません – Kavoos

+0

いいえ、あなたはHTMLのそれ自体で設定する必要がCSSで動作しません、またちょうどレポの著者がそこに幅を述べたので、幅。添付リンク@Kavoos –

+1

@ pardeepjain_90を参照してください、私はちょっと解決策を見つける!私はChromeのコンソールを開く必要があります。そこでは、要素が別の要素に変換され、使用する適切なクラスを見つけて上書きする必要があることがわかります。とにかくそれは非常に迷惑です! – Kavoos

1

customiz eコンポーネント

@Component({ 
      selector: "your-component", 
      templateUrl: "your-template.component.html", 
      styles: [` 
        :host >>> .select2-container { 
           min-width: 1000px; 
        } 
      `] 
    }) 
関連する問題