在平板电脑浏览器中不支持text-transform css

我在输入框中使用了text-transform：大写字母。它在平板电脑浏览器中不支持。在平板电脑浏览器中不支持text-transform css

这里是我的HTML：

<html> 
<body> 
<input type="text" class="isCapital"> 
</body> 
</html>

和CSS：

.isCapital{text-transform:uppercase;}

任何人有此解决方案。请更新您的答案。

来源

2012-10-31 Mathi

您有：

      <!-- v--- this was misspelled --> 
<input type="text" class="isCaptial">

它应该是：

<input type="text" class="isCapital" />

来源

2012-10-31 05:53:15

这也适用 – Jai

它不工作在三星平板电脑浏览器。 – Mathi

@Mathi您正在使用哪种浏览器？ –

你拼错的资本。

将isCaptial替换为isCapital。

来源

2012-10-31 05:56:20

伟大的答案Brian！ – Jai

您不应该期望text-transform影响表单字段值，因为这些值不是HTML元素内容的一部分。看到在我测试过的浏览器（Firefox，Chrome，IE，Opera on Win和Android）时，我惊讶地发现它实际上会影响该值，无论是在value属性中指定的还是由用户输入的。但是这种行为在CSS规范中没有规定。

这样做也可能会让人困惑和误导。用户键入“foo”，但看到“FOO”，并且在表单提交中实际发送的数据是“foo”。

如果您确实希望使页面以这种方式运行，那么最有可能使用跨浏览器的方式（除了属性text-transform之外）还可以使用JavaScript代码将字符转换为大写形式，原始输入以及拦截表单提交，以便代替实际表单，由JavaScript代码创建的另一个表单作为原始表单的不可见副本，但输入的数据存储为原始表单，将被提交。

来源

2012-10-31 06:48:01

我怀疑它可以帮忙与否，但你想尝试吗？使用Javascript/jQuery：

<script> 
jQuery(function(){ 
    jQuery(".isCapital").html().toUpperCase(); 
}); 
</script>

快乐编码！

来源

2012-10-31 14:00:57

在平板电脑浏览器中不支持text-transform css

回答

相关问题