4

可能重复:
有没有办法设置输入字段值的一部分?
有没有办法改变占位符的一个单词颜色?

例如,如果我们有一个表单输入,其占位符文本是“探索世界,例如巴黎,法国”,那么 CSS、jQuery、HTML5 或任何其他可能的方法是否允许我们仅将表单输入中的部分文本加粗以呈现为:“探索世界,例如巴黎,法国”。

我只知道允许我们将整个占位符文本加粗的方法,完全呈现为“探索世界,例如巴黎,法国”。

通过说明,这是这个问题的目标:

目标

4

1 回答 1

5

使用标准输入[type=text] 字段无法完成此操作。您可以尝试覆盖 HTML,但某些浏览器将输入字段作为控件处理,并且不会像常规的 html dom 元素那样表现。

我会使用的方法是这样的:

<html>
<head>
  <style type="text/css">

    div.input { border:1px solid #aaa; width:300px; }

  </style>

</head>
<body>

    <div contenteditable="true" class="input"><strong>explore the world,</strong> e.g. paris, france</div>

</body>
</html>

希望这可以帮助。祝你好运。

于 2012-12-28T21:30:21.557 回答