首字母:大写;也会影响占位符-text-transform:capitalize;AlsoaffectsPlaceholder

作者：huangpeishan49 | 来源：互联网 | 2023-10-12 20:19

Ihavethefollowingsimpleinput.我有以下简单的输入。<inputtypetextplaceholderWhatisyourusern

I have the following simple input.

我有以下简单的输入。

When I use text-transform: capitalize; to capitalize the first letter of each word, the placeholder also gets capitalized: What Is Your Username?

当我使用文本转换:资本化;要大写每个字的第一个字母，占位符也要大写:你的用户名是什么?

How can I keep the placeholder intact?

如何保持占位符完好无损?

1 个解决方案

#1

You could style the placeholder--

你可以给占位符—

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

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

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

:-ms-input-placeholder { 
   text-transform: initial;
}

推荐阅读

sum
HDU 1536: S-Nim 游戏中的 SG 博弈分析

探讨 HDU 1536 题目，即 S-Nim 游戏的博弈策略。通过 SG 函数分析游戏胜负的关键，并介绍如何编程实现解决方案。 ... [详细]

蜡笔小新 2024-12-21 18:26:33
text
深入理解Vue.js：从入门到精通

本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例，帮助开发者全面掌握这一流行的前端框架。 ... [详细]

蜡笔小新 2024-12-22 11:07:54
text
CSS高级技巧：动态高亮当前页面导航

本文介绍了如何使用CSS实现网站导航栏中当前页面的高亮显示，提升用户体验。通过为每个页面的body元素添加特定ID，并结合导航项的类名，可以轻松实现这一功能。 ... [详细]

蜡笔小新 2024-12-21 17:42:25
text
CSS选择器与XPath在Selenium中的元素定位对比

本文详细比较了CSS选择器和XPath在Selenium中通过页面结构定位元素的优劣，并提供了具体的代码示例，帮助读者理解两者在不同场景下的适用性。 ... [详细]

蜡笔小新 2024-12-21 08:56:18
text
2018-2019学年第六周《Java数据结构与算法》学习总结

本文总结了2018-2019学年第六周在《Java数据结构与算法》课程中的学习内容，重点介绍了非线性数据结构——树的相关知识及其应用。 ... [详细]

蜡笔小新 2024-12-22 16:43:19
text
MFC与ADO结合实现存储过程调用

本文介绍如何使用MFC和ADO技术调用SQL Server中的存储过程，以查询指定小区在特定时间段内的通话统计数据。通过用户界面选择小区ID、开始时间和结束时间，系统将计算并展示小时级的通话量、拥塞率及半速率通话比例。 ... [详细]

蜡笔小新 2024-12-22 14:22:36
text
实用正则表达式有哪些

小编给大家分享一下实用正则表达式有哪些，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下 ... [详细]

蜡笔小新 2024-12-22 13:59:04
text
解决 SmartUpload 上传路径问题

本文详细介绍了在使用 SmartUpload 组件进行文件上传时，如何正确配置和查找文件保存路径。通过具体的代码示例和步骤说明，帮助开发者快速解决上传路径配置的问题。 ... [详细]

蜡笔小新 2024-12-22 06:44:25
text
HTML5 Canvas 画板功能详解及实现方法

本文详细介绍如何使用 HTML5 和 JavaScript 实现一个交互式的画板功能。通过具体代码示例，帮助读者理解 Canvas API 的基本用法及其在绘图应用中的实际应用。 ... [详细]

蜡笔小新 2024-12-21 22:01:01
object
深入解析动态代理模式：23种设计模式之三

在设计模式中，动态代理模式是应用最为广泛的一种代理模式。它允许我们在运行时动态创建代理对象，并在调用方法时进行增强处理。本文将详细介绍动态代理的实现机制及其应用场景。 ... [详细]

蜡笔小新 2024-12-21 15:46:52
jsp
Python自动化测试入门：Selenium环境搭建

本文详细介绍如何在Python环境中安装和配置Selenium，包括开发工具PyCharm的安装、Python环境的设置以及Selenium包的安装方法。此外，还提供了编写和运行第一个自动化测试脚本的步骤。 ... [详细]

蜡笔小新 2024-12-21 10:48:56
text
ChatGPT：内容创造者还是非法搬运工？

探讨ChatGPT在法律和版权方面的潜在风险及影响，分析其作为内容创造工具的合法性和合规性。 ... [详细]

蜡笔小新 2024-12-21 10:13:36
sum
计算整数位数与基础编程示例

本文介绍了如何通过Java代码计算一个整数的位数，并展示了多个基础编程示例，包括求和、平均分计算、条件判断等。 ... [详细]

蜡笔小新 2024-12-20 23:46:25
sum
贪心与优先队列：最小化加法代价问题

本题要求在一组数中反复取出两个数相加，并将结果放回数组中，最终求出最小的总加法代价。这是一个经典的哈夫曼编码问题，利用贪心算法可以有效地解决。 ... [详细]

蜡笔小新 2024-12-20 23:20:38
text
主调|大侠_重温C++

主调|大侠_重温C++ ... [详细]

蜡笔小新 2024-12-20 20:43:56

huangpeishan49

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章