使用html提交按钮获取CSS问题

Question

我已经从此网站cssportal.com创建了CSS按钮，但在添加到我的网站后，我与原始创建的内容不同。为什么我从左边和顶边边界。

原始视图：

但目前我得到了这个：

我的小提琴：Sample

Answer 1

您忘记删除原始浏览器边框： http://jsfiddle.net/xm73g/2/

（border: 0px;）

Answer 2

JsFiddle Demo

它是按钮的基本样式，因为按钮就像你的光标一样按下它并再次回到原来的位置。

请为您的按钮样式添加border:none;。

Answer 3

将border: 0;提供给CSS ...

预览

普通和悬停版本：

小提琴：http://jsfiddle.net/xm73g/3/

.wpcf7-submit {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #FFFFFF !important;
    font-size: 15px;
    text-shadow: 1px 1px 0px #3498DB;
    text-transform:uppercase;
    padding: 10px 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    background: #3498DB;
    background: linear-gradient(top, #3498DB, #3498DB);
    background: -ms-linear-gradient(top, #3498DB, #3498DB);
    background: -webkit-gradient(linear, left top, left bottom, from(#3498DB), to(#3498DB));
    background: -moz-linear-gradient(top, #3498DB, #3498DB);
}

Answer 4

也将边框：0添加到按钮，它将起作用

Answer 5

添加border：none;在这样的css代码中：

.wpcf7-submit {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    border:none;
    color: #FFFFFF !important;
    font-size: 15px;
    text-shadow: 1px 1px 0px #3498DB;
    text-transform:uppercase;
    padding: 10px 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #3498DB;
    background: linear-gradient(top, #3498DB, #3498DB);
    background: -ms-linear-gradient(top, #3498DB, #3498DB);
    background: -webkit-gradient(linear, left top, left bottom, from(#3498DB), to(#3498DB));
    background: -moz-linear-gradient(top, #3498DB, #3498DB);
}
.wpcf7-submit:hover {
    color: #FFFFFF !important;
    border:none;
    background: #468CCF;
    background: linear-gradient(top, #468CCF, #63B8EE);
    background: -ms-linear-gradient(top, #468CCF, #63B8EE);
    background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
    background: -moz-linear-gradient(top, #468CCF, #63B8EE);
}