0

我曾经使用过输入类型提交，但现在我想将其更改为按钮样式。为此，我使用了以下代码：

<div class="cartbutton">
     <input type="submit" name="shortname" value="product1" class="add_to_cart" />
     <div class="buttoninner">
          <div class="buttontext">Add to Cart</div><div class="cartimage"></div>
     </div>
</div>

我buttoninner使用下面的 CSS 将 div 元素定位在 input-type 提交之上：

.cartbutton {
    position: relative;
    width: 178px;
}

.add_to_cart {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 38px;
    opacity: 0;
    width: 177px;
    z-index: 2;
}

.buttontext {
    background-color: #333333;
    border: 0 none;
    color: white;
    cursor: pointer;
    float: left;
    font-family: "Segoe UI",helvetica,arial,sans-serif;
    font-size: 20px;
    padding: 5px 20px;
}
.cartimage {
    background-color: #F7941D;
    background-image: url("/Content/en-US/Sales/Images/small_cart.png");
    background-position: 5px 50%;
    background-repeat: no-repeat;
    float: left;
    height: 38px;
    width: 40px;
}
.buttoninner {
    position: absolute;
    top: 0;
    z-index: 1;
}

不幸的是，按钮帖子不起作用。如何激活 div 元素后面的提交按钮？

4

4 回答 4

1 
 why are you using div you can use 
 <input type="image" src="image path">
  it also works like submit
于 2012-04-30T06:28:06.213 回答
1 
<div class="cartbutton" >
 <input type="submit" name="shortname" value="product1" class="add_to_cart" />
 <div class="buttoninner">
 <div class="buttontext">Add to Cart</div><div class="cartimage"></div>
 </div>
 </div>

 <script type="text/javascript">
 $('.cartbutton').click(function(){
 $('#formid').submit();
  });
  </script>
 use jquery
于 2012-04-30T06:35:04.153 回答
0

您可以在 php echo 中的任何位置创建按钮或打印它。Css 类可以根据需要进行修改。

print "<div class='links' id='edit-submit'><input type='button' class='form-submit' value='Signup to Invitation' onClick=\"location.href='?q=rsvp/".$rsvp->rid."/register';\" \></div>";
于 2012-10-08T13:28:10.673 回答
0

原因似乎是因为您的按钮实际上没有被点击，因为您在它上面覆盖了 div。您可以做的只是给您的 div 一个 onclick 事件并通过它处理提交操作。在这种情况下，您不需要单独的提交按钮

于 2012-04-30T06:26:37.727 回答