我想在表单输入提交按钮上使用twitter bootstrap图标.
http://twitter.github.com/bootstrap/base-css.html#icons上的示例主要显示样式化的超链接.
我最接近的是获得按钮旁边的图标,但不是内部.
<div class="input-prepend">
<span class="add-on"><i class="icon-user icon-white"></i></span>
<input type="submit" class="btn-primary" value="Login" >
</div>
Run Code Online (Sandbox Code Playgroud) 在font-awesome中似乎没有输入类型'submit'的类.是否可以使用font-awesome中的某些类来输入按钮?我已经在我的应用程序中为所有按钮添加了图标(实际上它们与来自twitter-bootstrap的类'btn'链接),但无法在'input type submit'上添加图标.
或者,如何使用此代码:
input#image-button{
background: #ccc url('icon.png') no-repeat top left;
padding-left: 16px;
height: 16px;
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<input type="submit" id="image-button">Text</input>
Run Code Online (Sandbox Code Playgroud)
(我从HTML中获取:如何使用文本+图像制作提交按钮?)使用font-awesome?
我想要一个带有图像的按钮.我用这个:
<input type="submit" name="submit" src="images/stack.png" />
Run Code Online (Sandbox Code Playgroud)
但它没有显示图像.我希望整个按钮成为图像.