javascript - Smarty Streets 検証済みティックの CSS 調整

Question

私はこの奇妙な問題に直面しています。Smarty Streets を使用して住所を確認しています。ドキュメントによると、Smarty Streets API でフィールドをマップすると、検証済みの目盛りが zip フィールドに自動的にバインドされます。

ご覧のとおり、コードで 5 セットのフィールドをマッピングしています。

 var liveaddress = $.LiveAddress({
         key: htmlKey,         // An HTML key from your account
         debug: true,         // Show debug stuff
         waitForStreet: false, // Hides autocomplete suggestions until a street is entered
         AutoVerify:true,

         addresses:
         [{
             ID: 'Complainant1',
             street: '#complainantOneStreetAddress',
             city: '#complainantOneCity',
             state: '#complainantOneState',
             zipcode: '#complainantOneZip'
         }
         ,

         {
             ID: 'Complainant2',
             street: '#complainantTwoStreetAddress',
             city: '#complainantTwoCity',
             state: '#complainantTwoState',
             zipcode: '#complainantTwoZip'
         },

         {
             ID: 'Suspect',
             street: '#suspectStreetAddress',
             city: '#suspectCity',
             state: '#suspectState',
             zipcode: '#suspectZip'
         },

         {
             ID: 'Vehicle',
             street: '#vehicleOwnerAdddress',
             city: '#vehicleOwnerCity',
             state: '#vehicleOwnerState',
             zipcode: '#vehicleOwnerZip'
         },

         {

             ID: 'BusinessInfo',
             street: '#businessStreetAddress',
             city: '#businessCity',
             state: '#businessState',
             zipcode: '#businessZip'


         }

         ]

     });

問題は、互いに重なっている 1 つのフィールドに 5 つの目盛りが表示されていることです。クラス名は.Smarty-tag、API を介して呼び出されるため、すべてのティックに使用されます。

どうすればこの問題を解決できますか? その目盛りのみがそれにバインドされているフィールドで表示されます。他の人はすべきではありません。