html - 在 CSS 中将 CAPS 锁定更改为大写

Question

我有一个句子进来，都是大写锁定（并且无法更改）。该句子是段落的一部分，仅使用 CSS（或者如果需要，可以使用一点 Jquery）。我怎样才能始终可靠地在大多数设备上获得结果！

注意：我看过这样的问题，但它们不包括多句因素。

没有变化：

这是第一句话。这是第二个，因为它来自服务器。

期望的结果：

这是第一句话。而这是第二...

我尝试的 CSS 是这样的，但它不适用于多个句子。

 p { text-transform: lowercase;}
   p:first-letter {text-transform:capitalize}

Answer 1

对 jQuery 来说似乎是个问题。检查整个元素大写的这个答案，然后您可以使用以下内容解析第一句话：

var setval = $('#my_paragraph').html();
var firstSentence = setval.substring(0, setval.indexOf('.'));
firstSentence = toProperCase(firstSentence);
var theRest = setval.substring(setval.indexOf('.') + 1);
$('#my_paragraph').html(firstSentence + theRest);

Answer 2

这只是一个修补程序。如果您的输出更改为不同的内容，包含的内容不止一个点或什至以大写字符开头的其他单词，则此代码将无法提供所需的结果。

示例：http: //jsfiddle.net/Em2bD/

// grab your text
var firstSentenceText = $('p').text();

// extract the first sentence and make it all lowercase
var firstSentence = firstSentenceText.substr(0, firstSentenceText.indexOf('.')).toLowerCase();

// convert first char to uppercase
var result = firstSentenceText.charAt(0).toUpperCase() + firstSentence.substring(1);

// append the text to what ever you like and append the missing dot.
$('.result').text(result + '.');

Answer 3

想到的事情是使用一点 jquery。您可以在段落中找到第一个句点（。），然后您可以将其前面的字符串设为小写（您可以给它一个带有类/id 的跨度，并且在 css 文件中已经有了规则）。你可能需要做一些谷歌搜索。