angle-bootstrap-toggleをカスタムスタイルにする方法は？

Question

トグル用に私のライブラリにangle-bootstrap-toggleを含めています。私はオンとオフの値も設定しています。しかし、ラベルはオーバーフローしており、トグルボタン - Image 1とImage 2によってオーバーラップしています。私は自分のスタイルを設定したい。 angular-bootstrap-toggleに関するオンラインの文書によると、スタイル属性を追加するだけです。

<style> 
     .toggle.ami { 
      width: 80px; 
     } 
     .toggle.ami .toggle-handle{ 
      width: 80px; 
     } 
</style> 

：

<div> 
    <toggle ng-model="selectedTicket" ng-change="toggleTicket()" on="Ticket" off="Image" style="ami"></toggle> 
</div> 

スタイルは次のようにすべてのCSSファイルを含めた後、下の私のindex.htmlファイルに定義されています。ここに示したように：「期待」私がいることが、というエラーを取得しています試してみました私はこの問題を克服するのに役立つ提案をいただければ幸いです。あなたがHTMLで「クラス」に「スタイル」を変更する場合、それは動作するはずです

Answer 1

：

<div> 
    <toggle ng-model="selectedTicket" ng-change="toggleTicket()" on="Ticket" off="Image" class="ami"></toggle> 
</div> 

トグルはクラスではないので、あなたはまた、あなたの.toggle CSSセレクタから.を削除する必要があります。

<style> 
    toggle.ami { 
    width: 80px; 
    } 
    toggle.ami .toggle-handle{ 
    width: 80px; 
    } 
</style>