ストライプボタンをカスタマイズする

Question

私のレールアプリでストライプチェックアウトを使用しています。私はそのチュートリアルhereに従っています。その非常に基本的な私は支払処理が働いている。

私が問題を抱えているのは、次のコードでボタンをスタイリングすることです。このスクリプトは、ボタンが含まれています（私はその権利を言っている場合イムはわからない）が、これはデフォルトボタンにもたらします：

<script src="https://checkout.stripe.com/checkout.js" class="stripe-button" 
      data-key="<%= Rails.configuration.stripe[:publishable_key] %>" 
      data-description="A month's subscription" 
      data-amount="500" 
      data-locale="auto"></script> 

IVは、ストリップ・ボタンのクラスにスタイルを適用しようとしましたが、私も運を見ていないしています提供されたドキュメント内では、その中に何も見つかりませんでした。

ボタンのスタイリングにはどんな提案がありますか？

Answer 1

私はちょうど私があなたのスタイルシートにこのセレクタを使用する必要があります考えて少しcode pen

を作った：

.stripe-button-el { 
    width: 100px; 
    # ... 
} 

ここでは、スタイルにしたいDOMの一部です：

<button type="submit" class="stripe-button-el" style="visibility: visible;"> 
    <span style="display: block; min-height: 30px;">Pay with Card</span> 
</button> 

EDIT：

上記のDOM部分は、あなたが含むスクリプト。 （あなたはいつもそこにいるように想像することができます）。だから、あなたのCSSの中でこのDOM部分をスタイルする必要があります。

私のpenスタイルの変更方法を参照してください。

この質問は、スタイルを設定する方法を尋ねたので、今閉じていると思います。