gpt4 book ai didi

html - 在 html 中,文本转换属性不适用于文本框中的初始值

转载 作者:行者123 更新时间:2023-11-28 04:46:43 25 4
gpt4 key购买 nike

在我的 HTML 页面中,我将文本框的样式设置为 text-transform 属性的 initial,但不使用 initial。我还测试了其他值,如 uppercaselowercasecapitalize 工作正常但 initial 没有变化。我希望当用户在文本框中输入文本时,文本应该以首字母大写输入,并保留他/她输入的内容。

<!DOCTYPE html>
<html>
<head>
<style>

::-webkit-input-placeholder {
text-transform: initial;

}

:-moz-placeholder {
text-transform: initial;
}

::-moz-placeholder {
text-transform: initial;
}

:-ms-input-placeholder {
text-transform: initial;
}
input{
text-transform: initial;
}
</style>
</head>
<body>
<input type="text" placeholder="text" />
</body>
</html>

也试过

<html>
<head>
<style>
input:first-letter {
text-transform: uppercase;
}
</style>
</head>
<body>

<input type='text' >

</body>
</html>

运气不好。

最佳答案

您似乎认为 text-transform: initial 的意思是“首字母大写”,或“仅将第一个字母大写”。这不是 initial 的意思。 initial 是一个 CSS 范围的关键字,意思是“这个属性的初始值”。它与 text-transform 没有任何关系。

text-transform 的初始值为none。所以 text-transform: initialtext-transform: none 具有相同的效果。

text-transform 没有表示“初始大写”的值。通常对于非替换元素,你会 apply the text transform to ::first-letter ,但由于您在这里处理 input 元素,我不确定是否有纯 CSS 的解决方案。

此外,将文本转换应用于表单字段首先是一个糟糕的想法,尤其是在字段区分大小写的情况下。如果我是你,我根本不会这样做。

关于html - 在 html 中,文本转换属性不适用于文本框中的初始值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42968641/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com