javascript - 2 种颜色的 HTML 输入文本

标签 javascript html css

我想在 on change 事件或鼠标离开事件后在一个 html 文本框中以红色显示一些文本并以黑色显示其余文本。 这可能吗?如果是怎么办?

最佳答案

我认为您无法具体实现您的要求。您可以将 CSS 应用于文本框的默认值,但要仅更改其中部分单词的颜色,您需要使用 <span>。 ,您不能在文本框值内(即您可以键入 <span>,当然,但不能对其应用 CSS)。

如果您很高兴像您在后面的评论中暗示的那样将文本包含在其他元素中,那么使用非常简单的 CSS 在 <p> 中使用 span 是完全可行的。或 <div>元素,如下面的 jsFiddle 所示:

http://jsfiddle.net/2DpSX/

关于javascript - 2 种颜色的 HTML 输入文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19445806/

相关文章:

html - 在行中定位表单元素及其标签

javascript - 页面加载的多个 AJAX 请求很慢。方法不好?

javascript - 如何用标签包裹多个 HTML 字符串?

javascript - 停止幻灯片并在 3 秒后继续

jquery - Bootstrap 中的 3 级下拉菜单

html - 向右对齐 span 并垂直向左对齐 header

javascript - 是否可以获取从源加载的脚本文本而不是行内代码?

javascript - 如何只允许经过身份验证的用户(使用 cognito)访问自己的 S3 存储桶/ key ?

html - Facebook 共享数据 URI 图片

css - 如何在 Chrome 中删除输入字段的 3D 边框