Question

我有以下输入文本字段（通过Mailchimp注册表单）：

<input type="text" value="First name*" name="FNAME" class="required" id="mce-FNAME"/>

是否可以将值设为两种不同的颜色？我想使输入标签的value属性的值包含黑色的“名字”和红色的“*”。
有没有办法在不丢失它保留的Mailchimp表单功能的情况下执行此操作？

Answer 1

我已经离开了以下内容：

.required {
    background-image: url('images/rwcmd-asterisk.png')!IMPORTANT;
    background-repeat:no-repeat!IMPORTANT;
    background-position:97% 16%;
    }

不理想，但别无选择。

Answer 2

您可以将内容修改为以下内容：

<p class="required">
    <input type="text" value="First name" name="FNAME"
        class="required" id="mce-FNAME" />
</p>

CSS：

p.required:after {
    color:red;
    content:"*";
}

http://jsfiddle.net/uAKEa/

定位值内的特定字符

2 个答案: