相关疑难解决方法(0)

在twitter bootstrap 2中添加提交按钮的图标

我想在表单输入提交按钮上使用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)

twitter-bootstrap twitter-bootstrap-2

223
推荐指数
7
解决办法
36万
查看次数

字体很棒,输入类型'提交'

在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?

twitter-bootstrap twitter-bootstrap-rails font-awesome

194
推荐指数
6
解决办法
23万
查看次数

如何将jpg或png图像放入HTML按钮中

我想要一个带有图像的按钮.我用这个:

<input type="submit" name="submit" src="images/stack.png" /> 
Run Code Online (Sandbox Code Playgroud)

但它没有显示图像.我希望整个按钮成为图像.

html javascript

18
推荐指数
4
解决办法
14万
查看次数