当 body 具有 text-transform: uppercase 时,粘贴到 Webkit 文本区域会受到限制

发布于 2024-11-27 22:45:44 字数 287 浏览 1 评论 0原文

我...

body { text-transform: uppercase; }

...并且...

textarea { text-transform: none !important; }

粘贴到 Webkit(Safari 和 Chrome)中文本区域的文本将被大写。 粘贴到 Firefox 或 IE 文本区域中的文本将保持原样、较低或上限。 我需要在所有 SQL 浏览器中单独保留它。

漏洞?修复?

I have...

body { text-transform: uppercase; }

...and...

textarea { text-transform: none !important; }

Text pasted into a textarea in Webkit (Safari and Chrome) will get capitalized.
Text pasted into a textarea in Firefox or IE will be left as it was, lower or capped.
I need it to be left alone in all browsers for SQL.

Bug? Fixes?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

软的没边 2024-12-04 22:45:44

您可能有一个元素包含所有或一小部分内容。我发现最上面的元素具有 text-transform: uppercase 不会导致 WebKit 中粘贴的文本变成大写。

例如,代替:

body { text-transform: uppercase; … }

使用:

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

You're likely to have a single element wrapping all content or perhaps a small number of them. I've found that the top-most element having text-transform: uppercase does not cause pasted text in WebKit to become upper case.

E.g. instead of:

body { text-transform: uppercase; … }

Use:

body { … }
#header, #content {text-transform: uppercase}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文