इस पेज पर फ़ॉर्म नियंत्रण को बढ़ाने या घटाने के लिए है एक ग्राहक जितने टिकटों का RSVP चाहता है। +/- नियंत्रण की पैडिंग का सम्मान नहीं कर रहा है

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

में

<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>

+/- नियंत्रण को पैडिंग का सम्मान करने और नीचे और बाईं ओर जाने की आवश्यकता है:

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

क्या कोई कृपया इसे हासिल करने में मेरी मदद कर सकता है?

मदद की सराहना की।

क्रोम में मेरे लिए समस्या हो रही है।

css
0
Steve 19 मई 2017, 10:40
नीचे उत्तर के साथ कोई भाग्य?
 – 
wazz
20 मई 2017, 09:49

1 उत्तर

सबसे बढ़िया उत्तर
.minus, .plus {
    left: 42px;
}
.quantity .plus {
    top: 16px;
}
.quantity .minus {
    top: 38px;
}

होवर पर कुछ ओवरलैप है। आपको ऊंचाइयों (वर्तमान में 50%) या शायद कुछ और के साथ खेलना होगा।

0
wazz 19 मई 2017, 11:52
धन्यवाद, इसने इसे पूरी तरह से हल कर दिया। बोनस अंक यदि आप यह पता लगा सकते हैं कि क्लिकों का प्रभाव क्यों नहीं होता है? :-)
 – 
Steve
23 मई 2017, 08:19
जेड-इंडेक्स के साथ खेलना यह कर सकता है। (तत्वों को ऊपर से नीचे के क्रम में रखता है ताकि क्लिक करने योग्य शीर्ष पर हो।)
 – 
wazz
24 मई 2017, 06:07