在input 输入框前加个 ¥ 符号，然后输入框的字从后往前这是怎么做到的呢，求大神给个示例

Question

在input 输入框前加个 ¥ 符号，然后输入框的字从后往前这是怎么做到的呢，求大神给个示例，但是提交的时候咱们不要这个符号哦?，如何优雅的实现呢,

Answer 1

`1.

//placeholder默认事件

<input type="text" placeholder="¥"  dir="rtl"/>

2

//因为input不支持:after:before 所以可以用bgimg

input{ background-image: url(...) }

`3.

<style>

    div{

      position: relative;

    }

    input{

      position: relative;

      background-color: rgba(0,0,0,0)

    }

    .back{

      position: absolute;

      top: 2px;

      left: 5px;

      display: inline-block;

      color: rgba(1,1,1,0.5)

    }

</style>

<div>

    <input type="text"/>

    <div class="back">¥</div>

</div>