如何在达到maxlength时向输入元素添加样式？

Question

显然，使用JavaScript检测是否已达到输入元素中的maxlength是非常简单的。

但我想知道目前是否有办法，或者在未来的任何标准中，是否有办法（psuedo-code example）input:maxlength或input:length=[maxlength]。

Answer 1

目前，无法检测输入（文本或文本区域）是否已达到CSS或CSS3中的最大长度。如果你真的想检查它，你就需要你自己说的javascript。

至于未来的计划：我在W3C页面上没有看到类似的东西，尽管它非常有用。 ：）

Answer 2

可能不是在这十年中。这是一个很长的镜头。但它可能会让你对所要求的信息敞开大门。

本节的措辞含糊不清。如果当前选择的输入可能是某种方式＆＃34;被认为是一个高亮元素，你为length = maxlength创建了一个自定义伪元素。

＆＃34;目前无法区分......＆＃34;说可能会有一些突出元素会有一些变化。

本节中的最后一行是打开门。

CSS伪元素模块4级

<强> 3.1。选择突出显示的内容：

高亮度伪元素表示以某种方式突出显示的文档部分。

::选择     :: selection伪元素表示用户突出显示的文档部分。例如，这也适用于可编辑文本字段中的选定文本。

主动与非主动选择通常采用不同的风格。 目前无法区分。

::拼写错误     :: spelling-error伪元素表示用户代理标记为拼写错误的文本的一部分。 ::语法错误     :: grammar-error伪元素表示用户代理标记为语法不正确的文本的一部分。

注意：未来的CSS级别可能会引入创建自定义突出显示伪元素的方法。