css - 事件日历 RSVP 票号控制 - 填充不生效

Question

在 this page有一个表单控件可以增加或减少客户想要 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

有人可以帮我实现这个吗？

感谢帮助。

我在 Chrome 中遇到问题。

Answer 1

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

悬停时有一些重叠。你将不得不玩高度(目前 50%)或其他东西。