当body具有文本转换时，粘贴到Webkit textarea会受到限制：大写

Question

我有......

body { text-transform: uppercase; }

...和...

textarea { text-transform: none !important; }

粘贴到Webkit（Safari和Chrome）中的textarea的文本将获得大写。 粘贴到Firefox或IE中的文本区域的文本将保持原样，降低或加盖。 我需要将它留在SQL的所有浏览器中。

错误？修复

Answer 1

您可能只有一个元素包装所有内容，或者包含少量元素。我发现具有text-transform：topcase的最顶层元素不会导致WebKit中的粘贴文本变为大写。

E.g。而不是：

body { text-transform: uppercase; … }

使用：

body { … }
#header, #content {text-transform: uppercase}