input框placeholder修改不同颜色

如上图所示，需要将textarea的placeholder文字显示成上图，其中数字1需要设置成另外的颜色，目前可以用css将placeholder里面的颜色全改变，但是改变不了其中某些字符，试过添加标签。但是会把标签代码显示出来。求问有没有大神做过相关的需求。不行的话我只有试试用其他东西浮在上面显示了，不过那样的话显得好麻烦，可能会出现更多的兼容性问题

---

我想了半天想出一个解决方案：

    //获取你文本元素的节点
    var dom = document.getElementById(id);
    var text = dom.innerText;
    var regexp = /\d/g;
    var newText = text.replace(regexp, function(x) {
        //class是事先定义好的
        return '<span class="number-color">' + x + '</span>';
    });
    //重构页面
    dom.innerHTML = newText;

期待更好的解决方案

---

一般通过js模拟

---

原生的肯定不行啊，你模拟一下 textarea