使用字体真棒图标 post 到服务器
using font awesome icons to post to server
我正在尝试 POST 使用 <button type="submit"> save </button>
连接到服务器,但我需要使用 [=41= 将按钮设置为特定样式].
这是我要实现的目标:
但这就是我得到的:
我需要设置按钮元素的样式以使其看起来像正确的图像并删除默认按钮样式。
CSS
.inner-button
{
color: #008db8;
}
.inner-button:hover
{
color: #ad9961;
cursor: pointer;
text-decoration: none;
}
<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>
您只需删除默认的 CSS 样式。
.inner-button {
background: none;
border: none;
margin: 0;
padding: 0;
}
我正在尝试 POST 使用 <button type="submit"> save </button>
连接到服务器,但我需要使用 [=41= 将按钮设置为特定样式].
这是我要实现的目标:
但这就是我得到的:
我需要设置按钮元素的样式以使其看起来像正确的图像并删除默认按钮样式。
CSS
.inner-button
{
color: #008db8;
}
.inner-button:hover
{
color: #ad9961;
cursor: pointer;
text-decoration: none;
}
<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>
您只需删除默认的 CSS 样式。
.inner-button {
background: none;
border: none;
margin: 0;
padding: 0;
}