CSS装饰按钮变为非活动且不可解释

Question

使用CSS自定义按钮后,正确应用了装饰,但按钮变为非活动状态,我无法单击它,也不会提交.

这是代码:

.addToCart {
width: 100px;
border-radius: 4px/4px;
border: 2px #E8CD00;
height:20px;
text-align: center;
vertical-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
font-weight: bold;
padding: 1px;
background-color: #E8CD00;
color: black;
}

<form name="cartAdding">
<input type="hidden" name="productid" />
<input type="hidden" name="command" />
</form>
<input type="submit" value="ADD TO CART" class="addToCart" onclick="addtocart(<?php $itemId?>)" />

Answer 1

你需要移动input到form元素中.

<form name="cartAdding">
    <input type="hidden" name="productid" />
    <input type="hidden" name="command" />
    <input type="submit" value="ADD TO CART" class="addToCart" onclick="addtocart(<?= $itemId ?>)" />
</form>