使用字体真棒图标发布到服务器

Question

我正在尝试使用<button type="submit"> save </button> POST 到服务器，但我需要设置按钮的样式以使用css以某种方式查看。

以下是我想要完成的事情：

但这就是我得到的：

我需要将按钮元素设置为看起来像正确的图像并删除默认按钮样式。

CSS

＆＃13;

＆＃13;

.inner-button
{
   color: #008db8;
}
    
.inner-button:hover
{
color: #ad9961;
cursor: pointer;
text-decoration: none;
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>


<button class="inner-button" type="submit" >
  <span class="fa-stack fa-2x">
    <i class="fa fa-circle fa-stack-2x img-responsive"></i>
    <i class="fa fa-floppy-o fa-stack-1x fa-inverse img-responsive"></i>
  </span><br />
  <b>Save</b>
</button>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您只需删除默认的CSS样式。

.inner-button {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}