当前位置: 首页 > 知识库问答 >
问题:

字体-真棒,输入类型'提交'

韩自怡
2023-03-14

似乎没有类输入类型'提交'在Font-真棒。是不是可以使用一些类从字体真棒按钮输入?我已经在我的应用程序中的所有按钮上添加了图标(实际上链接到twitter-bootstrap的类btn),但是不能在输入类型提交上添加图标。

或者,如何使用此代码:

input#image-button{
    background: #ccc url('icon.png') no-repeat top left;
    padding-left: 16px;
    height: 16px;
}

html:

<input type="submit" id="image-button">Text</input>

(这是我从HTML中获得的:如何制作一个包含文本图像的提交按钮?)?

共有3个答案

那谦
2023-03-14

你可以使用字体真棒utf备忘单

<input type="submit" class="btn btn-success" value="&#xf011; Login"/>

这是备忘单的链接http://fortawesome.github.io/Font-Awesome/cheatsheet/

刘畅
2023-03-14

自<代码>

<input type="submit" class="btn fa-input" value="&#xf043; Input">

我正在使用

然后我们必须使用字体样式:

.fa-input {
  font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

这将给我们颜色符号在字体真棒和其他文字在适当的字体。

但是,此控件不是像素完美的,因此您可能需要自己调整它。

邵飞白
2023-03-14

使用按钮类型="提交"代替输入

<button type="submit" class="btn btn-success">
    <i class="fa fa-arrow-circle-right fa-lg"></i> Next
</button>

对于字体可怕3.2.0,请使用

<button type="submit" class="btn btn-success">
    <i class="icon-circle-arrow-right icon-large"></i> Next
</button>
 类似资料:
  • 问题内容: Font Awesome 5星图标具有和与众不同之处,两者都是Unicode,现在我想将其用作我的评级系统,首先是常规星,然后单击成为实心星,但是如何在CSS中定义它呢? 码 与我上面的代码我只会得到坚实的星星 问题答案: 普通 版和 实体 版之间的区别是。您只需要调整此值即可在两个版本之间切换: 这是另一个相关的问题,伪元素上的Font Awesome5显示更多[而不是图标显示为正方

  • 问题内容: 可以在Swing应用程序中使用Font Awesome吗?如果可能的话,那么如何将其图标与Swing组件(JButton或JLabel)一起使用。我之前在Primefaces应用程序中使用过Font Awesome。 问题答案: 在http://jiconfont.github.io/尝试jIconFont(Swing或JavaFX) 例:

  • 我想静态旋转我的字体图标45度。网站上说: 要任意旋转和翻转图标,请使用fa-roate-*和fa-fllip-*类。 但是, 不起作用,而将替换为起作用。这是否意味着它们实际上不能任意旋转?

  • 问题内容: 我有一些看起来像这样的CSS: 我想用Font Awesome中的图标替换图像。 无论如何,我看不到将CSS中的图标用作背景图片。假设在我的CSS之前加载了Font Awesome样式表/字体,是否可以这样做? 问题答案: 您不能将文本用作背景图像,但是可以使用或伪类将文本字符放置在所需的位置,而不必添加各种杂乱的额外标记。 确保在您的实际文本包装器上进行设置,以便定位。 编辑: Fo

  • 问题内容: 如果我直接参考_layouts页面。它会工作 但是我用过。图标未显示。 而且我还观察到浏览器控制台对字体目录有错误。 可能是什么问题呢? 问题答案: 捆绑时尝试使用: 这会将资产的所有url从css文件内更改为绝对url,因此绑定不会弄乱相对路径。

  • 问题内容: 我尝试将插入号向下图标添加到多个选项的第一个选择中,如下图所示: 我无法在上方的小提琴上看到该图标。 以及相应的代码: 问题答案: 您可以简单地将FontAwesome图标添加为所选下拉菜单作为文本。您只需要CSS中的一些东西,FontAwesome CSS和unicode。例如: 单击图标可找到unicode:Fontawesome 更新:从Github问题开始,将multiple属