文章/答案/技术大牛

发布

社区首页 >问答首页 >如何将图标放入文本区？

问如何将图标放入文本区？
EN

Stack Overflow用户

提问于 2018-11-03 01:17:57

回答 2查看 9.3K关注 0票数 1

我想把这个图标放在我的文本区域中，如下图所示。

下面是我的代码：

<div class="form-group" style="text-align: right;width: 100%;">
          <textarea row=100 cols=60
                    type="text"
                    id="input"
                    formControlName="txt"
                    placeholder="متن ...">
          </textarea>
          <span class="icon-user"></span>
        </div>

有人知道我必须怎么解决这个问题吗？

html

css

textarea

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-11-03 01:25:36

下面是示例：https://jsbin.com/laduyemewo/edit?html,css,output

这里的关键变化是将position: relative;设置为父<div class="form-group">，并根据您的大小申请具有bottom和left属性的<span class="icon-user"></span> - position: absolute;。

票数 1

Stack Overflow用户

发布于 2018-11-03 01:21:39

您可以像这样使用css来实现它。

.icon-user { position:relative; top: -10px; left: -100px; }

根据需要调整top和left的值。:)

另一种方法是将position: absolute添加到文本区和图标中。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53123155

复制

相似问题

问如何将图标放入文本区？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将图标放入文本区？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将图标放入文本区？
EN