HTML文本框：使部分占位符文本加粗并加下划线

是否可以在输入中仅设置占位符文本的某一部分的样式？我希望占位符文本的“单击此处”部分用粗体并加下划线

<input type="text" class="input-text  hasDatepicker" name="wc_order_field_2563" id="wc_order_field_2563" placeholder="Click here to choose your pickup date*: (Tuesday - Saturday)" value="">

谢谢你的回答

问候,

---

Maddy需要一些非标准的css规则才能在大多数浏览器中保持一致。

：：-webkit输入占位符{
/*Chrome/Opera/Safari*/
字体大小：粗体；
文字装饰：下划线；
}
：-moz占位符{
/*Firefox 19+*/
字体大小：粗体；
文字装饰：下划线；
}
：-ms输入占位符{
/*IE 10+*/
字体大小：粗体；
文字装饰：下划线；
}
：-moz占位符{
/*火狐18-*/
字体大小：粗体；
文字装饰：下划线；
}
输入{
宽度：100%；
}

---

如果使用标签而不是占位符，这是可能的

var sp=document.getElementById（'sp'）；
函数hid（）{
sp.style.display=“无”
}
功能vi（）{
if（！document.getElementById（'vali'）.value）{
sp.style.display=“内联块”；
}否则{
hid（）；
}
}

标签{
职位：相对
}
标签>跨度{
位置：绝对位置；
左：2px；
}
输入{
位置：相对位置；
背景：无；
}

单击此处选择。。。

感谢您发送此邮件。但是，这并不能回答问题，即我们是否只能将其应用于占位符文本的一部分？哦。我将对你的问题进行编辑，这样说。我不这么认为，但也许有人会有办法——你可能必须构建一个自定义控件，或者使用带有一些附加样式选项的库，html输入没有内置的方式。