a :: before选择器可以与<textarea>一起使用吗？

Question

我正在试验<textarea>s 上的一些样式,我尝试用::before和::after选择器做一些东西,我无法做任何事情让它们起作用.所以问题是:这可能吗？我知道CSS周围的形式是神秘的超出提,但似乎这应该工作.

Answer 1

的:before和:after不会在上工作text-area(即不能包含另一元件时,如也没有任何元素img或input),这是因为伪元件的所产生的内容被置于内的元件,但之前或之后该元素的含量,并且作用本身作为一个元素.伪元素不会放在父元素本身之前或之后(与互联网上可能找到的某些信息相反).为了显示:

如果你有这个css:

p:before {content: 'before--'}
p:after {content: '--after'}

然后像这样的HTML:

<p>Original Content</p>

有效地渲染到屏幕,就好像源代码是:

<p>before--Original Content--after</p>

不像 源代码那样:

before--<p>Original Content</p>--after

这就是为什么不能包含任何html元素"content"(如上所述)的标签不能识别伪元素的原因,因为没有"生成"该内容的"位置".它textarea可以包含"内容",但只包含纯文本内容.