在平板電腦瀏覽器中不支持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

回答

相關問題