Contenteditable自动将CSS应用于输入的文本

有没有一种方法来禁用CSS的文字转换对文本输入使用contentedtiable的影响？Contenteditable自动将CSS应用于输入的文本

在我的页面上显示“CERTIFICATE PROGRAM”，因为text-transform设置为大写。输入的实际数据是：证书程序。

当我通过contenteditable输入字段时，所添加的任何文本都会自动变为大写。

将contenteditable CSS设置为text-transform：none;不起作用，因为显示文本是：证书程序，我想要“证书程序”

我可以使用我的CSS设置用于显示目的，但不影响新输入的文本？

什么是现在发生的事情：TEXT：证书课程，HTML：

<section id="name+degree+96" contenteditable="true">Certificate PrograMS</section>

我想要什么：TEXT：证书课程，HTML：

<section id="name+degree+96" contenteditable="true">Certificate Programs</section>

2012-03-19 jsuissa

正如你可以看到here，原文值不受text-transform，因为它改变了只有你看到的文字（编辑文字，然后点击某处）的方式。

我不知道你想要什么，这个问题是不是清楚，但..

如果你想摆脱在该节中的大写文字的只是覆盖它：

section[contenteditable] { 
    text-transform: none; 
}

如果你想摆脱大写文字的同时，对其进行编辑：

section[contenteditable]:focus { 
    text-transform: none; 
}

2012-03-19 15:45:26

'none'是初始默认值，不是'normal'。 – fcalderan 2012-03-19 15:47:41

谢谢！重点是我需要的。现在，当我输入文本时，它显示为大写，但是在代码中，输入的情况就是这样。 – jsuissa 2012-03-19 15:57:33

@FabrizioCalderan谢谢，我已经更新了答案。 – 2012-03-19 16:37:39

只是覆盖以前的CSS规则，例如

section[contenteditable] { 
    text-transform: none; 
}

2012-03-19 15:42:13 fcalderan

很好的建议，但我想保持显示的文字大写。只需要保存一致的案例。为了清晰我编辑了这个问题。 – jsuissa 2012-03-19 15:54:55

回答