占位符中的不同文本颜色

Question

是否可以在占位符中制作不同的文本颜色： 例如我不想让占位符像：

 <input id="place" name="place" type="text" placeholder="" class="form-control input-md" required="">

   <script type="text/javascript">
                                var placeholder = "place for drilling <span>*</span>" ;
                                $('#place').attr('value', placeholder);

                                $('#place').focus(function () {
                                    if ($(this).val() === placeholder) {
                                        $(this).attr('value', '');
                                    }
                                });

                                $('#place').blur(function () {
                                    if ($(this).val() === '') {
                                        $(this).attr('value', placeholder);
                                    }
                                });
    </script>

为什么我把这个星号放在*标签中，因为我不想让文本变成黑色，星号变成红色来表明这个字段是必需的。但是我没有找到将 html 放入占位符的方法，并且我的版本无法正常工作。你可以在img看到它

所以我的完整问题是： 如何在一个占位符中制作不同的文本颜色？？

Answer 1

您可以像这样在 css 中定义并从那里开始

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #888;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #888;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #888;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #888;
}