如何在输入字段中放置2张图片

时间:2018-10-18 06:30:32

标签: typescript angular6

need something like this

我的html代码是这样的。

<div class="inputContainer">
            <input id="icon" type="text" placeholder="Type message here..." [(ngModel)]="data"
                (keyup.enter)="onChange(data)">
            <img src="./../../../../assets/images/dashboard/Next.svg" alt="">
        </div>

我的scss文件片段如下所示。

  #icon {
    background-image: url("src/assets/images/conversation/Attachment(1).svg");
    background-repeat: no-repeat;
    background-position: 97% 60%;
  }
  .inputContainer input {
    padding: 0 10px 32px 22px;
    border: none;
    height: 80px;
    width: 100%;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    color: white;
  }

请有人帮我解决这个问题。谢谢。

0 个答案:

没有答案