Question

您好，并提前感谢您的帮助。我正在尝试设置我的Pay Pal购物车，并希望使用css设置我的提交按钮的样式。我不想使用js或图像，请注意我无法将输入类型从“提交”更改为“按钮”，因为表单无法正常使用Pay Pal ...

这一切都很好，除了我点击按钮后所有的盯着消失了，我留下了一个看起来很糟糕的白色轮廓......请你们其中一位专家检查下面的代码，理想的帮助我解决了这个问题??

所以这是我的HTML：

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="LYWT7CC4BZU3N">
<input class="myButton" type="submit" name="submit" value="Αγορά" alt="">
</form>

这是css：

.myButton {
    -moz-box-shadow: 1px 1px 0px 0px #efdcfb;
    -webkit-box-shadow: 1px 1px 0px 0px #efdcfb;
    box-shadow: 1px 1px 0px 0px #efdcfb;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfbdfa), color-stop(1, #bc80ea));
    background:-moz-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
    background:-webkit-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
    background:-o-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
    background:-ms-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
    background:linear-gradient(to bottom, #dfbdfa 5%, #bc80ea 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfbdfa', endColorstr='#bc80ea',GradientType=0);
    background-color:#dfbdfa;
    -moz-border-radius:29px;
    -webkit-border-radius:29px;
    border-radius:29px;
    border:1px solid #c584f3;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:17px;
    font-weight:bold;
    padding:9px 18px;
    text-decoration:none;
    text-shadow:0px 1px 0px #9752cc;
}
.myButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc80ea), color-stop(1, #dfbdfa));
    background:-moz-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
    background:-webkit-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
    background:-o-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
    background:-ms-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
    background:linear-gradient(to bottom, #bc80ea 5%, #dfbdfa 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc80ea', endColorstr='#dfbdfa',GradientType=0);
    background-color:#bc80ea;
}
   .myButton:active {
    position:relative;
    top:1px;
}

样式html表单 - “提交”按钮样式在我点击后消失了

0 个答案: