検索トークンの色

Question

私はbootstrap検索field+tokeninputを使用しています。

私はさまざまな色のトークンを取得し、各トークンにidを追加しようとしています。

私はこのブートストラップ検索フィールド使用しています：Example of what I am trying to achieve

：今私はちょうどこのように、トークン入力上の定義済みの色を設定する必要があり、すべてが正常に動作している、See the source for bootstrap-tokenfield tokeninput

<input type="text" id="exampleInlineTags" class="token-field" name="search" value="red, green" placeholder="enter text" /> 

とブートストラップを編集：問題の文法を英語のレベルが悪いと言われているように修正しました

Answer 1

tokeの値に基づいて割り当てられた特定のIDと色が必要な場合あなたはtokenfield：createtokenイベントを聞くことができます。

しかし、トークンの色を循環させる必要がある場合は、目標を達成するためにCSSを使用することをお勧めします。 10色のパターンをサイクリングする場合は、次のように書くことができます。

.token:nth-of-type(10n+1){ ... } 

.token:nth-of-type(10n+2){ ... } 

... 

.token:nth-of-type(10n+10){ ... }