イベントカレンダーRSVPチケット番号コントロール - パディングが有効にならない

Question

this pageには、顧客がRSVPへのチケットの数を増減するフォームコントロールがあります。

https://imgur.com/a/6wmzy

：+/-制御は+/-制御パディングを尊重し、左方向に下降とする必要

<td class="tribe-ticket quantity buttons_added" data-product-id="11866"><input type="button" value="-" class="minus"> 
    <input type="hidden" name="product_id[]" value="11866"> 
    <input type="number" class="tribe-ticket-quantity" min="0" max="20" name="quantity_11866" value="0"> 
    <span class="tribe-tickets-remaining"> 20 out of 20 available </span> 
    <input type="button" value="+" class="plus"></td> 

<style> 
.tribe-tickets-rsvp .tribe-ticket.quantity { 
    border-bottom: 1px solid #dfdfdf; 
    display: block; 
    padding: 16px 10px 8px; 
} 
</style> 

に

<td class="tribe-ticket quantity buttons_added" data-product-id="11866"> 

のパディングを尊重されていません

誰かが私を助けてくれますか？

ヘルプありがとうございます。

Chromeで問題が発生しています。

Answer 1

.minus, .plus { 
    left: 42px; 
} 
.quantity .plus { 
    top: 16px; 
} 
.quantity .minus { 
    top: 38px; 
} 

ホバーオーバーラップがあります。あなたは高さ（現在50％）または何か他のもので遊ぶ必要があります。