如何使用字体awesome在文本框旁边垂直添加两个字体？

Question

我必须为自动增量添加+ - 符号，如图中所示。但是我用以下格式得到它。

<input type="text" ><i class="fa fa-plus-circle"></i><i class="fa fa-minus-circle" ></i>

我正在使用字体真棒。我正在尝试为i标签添加样式但似乎没有任何效果。对此有什么指示？

Answer 1

有几种变体可以做到这一点，但我会告诉你一个，这是最简单的：

1. 使用position: relative样式
的div元素包裹输入和两个图标
2. 在输入字段中添加一些正确的填充，例如padding-right: 50px
3. 添加到两个图标position: absolute
4. 通过添加相同的正确值right: -20px来定位您的图标，对于加号图标顶部值top: 5px和添加负底值bottom: 5px

我从头脑中得到的所有价值都可以随意更改，但这只是为了向您展示一般的想法。