在复制未转换的文本时,在页面中显示另一个字母

Dam*_*ick 10 html css

在CSS中,.someclass { text-transform: uppercase }将所有带有类的文本转换someclass为大写,但是当我选择文本,复制并粘贴到文本编辑器或电子邮件中时,这些字母保留其原始大小写.除了CSS之外,某些客户端Web样式技术是否允许文档定义自定义文本转换以更改除案例之外的其他内容,例如rto wfto ?,而无需在用户复制文本时应用转换?

使用css推荐的JavaScript 替换特定字符的答案.我更喜欢使用一些(非CSS)声明式样式技术而不是脚本,原因如下:

  1. 我希望复制和粘贴以与text-transform属性相同的方式返回原始文本,而不是转换后的文本.
  2. 如果用户键入未转换的字母,我希望"在页面内查找"(Ctrl + F).
  3. 我没有关于我的网站有多少观众使用NoScript或其他脚本白名单插件的统计数据.但后来由于我经常访问一个在线论坛,其用户经常吹嘘不受特定漏洞利用影响,因为他们不运行JavaScript
  4. 运行的脚本onload会在线条重新包装时导致明显的无格式内容闪烁.

最近,我能够<body>根据有关白名单字符的问题答案,编写一个XSLT样式表来改变其中的文本节点.(提示:match="html:body//text()"translate().)它没有复制和Ctrl + F标准,据说它在尝试变得过于聪明的浏览器中未通过无FOUC标准,但它应该加载几乎所有主要浏览器,因为IE 6甚至使用脚本关掉.然而,一年前,谷歌试图通过从Blink中删除它杀死客户端XSLT一年前.如果Chrome,Opera和其他基于Chromium的浏览器最终放弃XSLT,那么非XSLT用户可能会超过无脚本用户.

是获取自由报字体和修改它以包括自定义表单和连写那@font-face,font-feature-settings以及font-variant-ligatures可以触发的唯一途径?

cuS*_*uSK 3

CSS - 级联样式表,顾名思义,它仅用于样式化表单(html 页面)。该代码片段.someclass { text-transform: uppercase }只是用 class 来样式化标签内的字符(字母)someclass。这并不容易,或者我可以说仅使用 CSS 而不是 JavaScript 来满足您的需求是不可能的。

根据Zach Saucier对你的问题的评论,“没有好的方法可以用 CSS 来做到这一点”,我也同意这一点。

使用 JavaScript 是完全可能的。但你的标准不希望你这样做。

我对你的请求是,尝试使用 JavaScript 或尝试不使用 CSS。