更改digitalbus.jquery.maskedinput中占位符的颜色
digitalbus.jquery.maskedinput是一个jQuery插件，用于在输入框中创建掩码输入。它允许我们指定输入框中每个字符的占位符，并且可以自定义占位符的颜色。
要更改digitalbus.jquery.maskedinput中占位符的颜色，可以按照以下步骤进行操作：
- 引入digitalbus.jquery.maskedinput插件：在HTML文件中引入jQuery库和digitalbus.jquery.maskedinput插件的脚本文件。
<script src="jquery.min.js"></script>
<script src="jquery.maskedinput.min.js"></script>- 创建一个输入框：在HTML文件中创建一个输入框元素，并为其添加一个唯一的ID。
<input type="text" id="maskedInput" />- 初始化maskedinput插件：在JavaScript文件中，使用jQuery选择器选中输入框，并调用maskedinput()方法来初始化插件。
$(document).ready(function() {
$('#maskedInput').mask('99/99/9999', { placeholder: 'mm/dd/yyyy' });
});在上述代码中，99/99/9999是掩码格式，mm/dd/yyyy是占位符。默认情况下，占位符的颜色与输入框的文本颜色相同。
- 更改占位符的颜色：通过CSS样式来更改占位符的颜色。可以使用
::placeholder伪类选择器来选择输入框的占位符，并设置其颜色属性。
#maskedInput::placeholder {
color: red;
}在上述代码中，将占位符的颜色设置为红色。
这样，当用户在输入框中没有输入内容时，占位符的颜色将会变为红色。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（TBC）：https://cloud.tencent.com/product/tbc
- 腾讯云物联网平台（IoT Explorer）：https://cloud.tencent.com/product/ioe
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云移动开发（移动推送）：https://cloud.tencent.com/product/umeng
- 腾讯云音视频通信（TRTC）：https://cloud.tencent.com/product/trtc
相关·内容
我试图在Internet中制作不可见的占位符，我使用了颜色:透明和不透明:0，但它不只是在IE中工作。
我需要放置占位符，因为我正在使用一些需要它的代码，即使在透明的情况下也是如此。
希望有人能帮我，坦克斯
我试过颜色:透明的，但不起作用
&::placeholder {
color: transparent;
opacity: 0;
}
浏览 2提问于2019-10-18得票数 0
回答已采纳
你好，我想问一个关于css风格的问题。
我在占位符文本中放置了相同的颜色值，也在选择下拉列表中放置了相同的颜色值。但是浏览器显示的颜色不同。
有人能解释为什么会发生这种事吗？
下面是一个例子：
编辑:我想实现的是完全相同的文本颜色。我不希望占位符有那种不透明的效果。
浏览 4提问于2016-04-01得票数 0
回答已采纳
如何设置UITextfield的占位符文本在正常和聚焦状态下的文本颜色。
我正在使用代码来设置占位符文本颜色
self.emailTextField.attributedPlaceholder = [[NSAttributedString alloc] initWithString:@"Email Address" attributes:@{NSFontAttributeName:[UIFont fontWithName:@"OpenSans" size:24], NSForegroundColorAttributeName:[UIColor whiteColo
浏览 2提问于2016-06-29得票数 0
3回答
我有一个文本‘占位符’，它等于“新密码(保留空白以保持不变)”。我只希望括号中的部分改变颜色，这意味着“新密码”将保持红色，括号中的句子在这种情况下将改为蓝色。
有什么帮助吗？
代码：
<input type="password" class="input-text" name="password_1" id="password_1" placeholder="New Password (leave blank to leave unchanged)">
Css：(这确实改变了整个占位符文本句子)
in
浏览 3提问于2016-05-23得票数 2
回答已采纳
antd mobile : InputItem，如何更改占位符文本的颜色和fontSize？房产是什么？
这是sheetStyle:inputType:{ width:width - 70 - 15, height:34, backgroundColor:'white', marginLeft:0, marginRight:15, borderRadius:5, paddingLeft:10, paddingRight:5, }
更改占位符文本
浏览 19提问于2017-12-12得票数 0
回答已采纳
3回答
我似乎不知道在颜色选择器上的这个特定输入框中写占位符是什么，我有一个占位符作为“：
placeholder="Type a hex (Or keyword)"
它默认为"#FFFFFF“，有人知道为什么吗？我试图同时更改输入框的值和占位符，但仍然没有任何变化。
浏览 7提问于2014-03-30得票数 0
回答已采纳
我已经用相关的供应商前缀更改了占位符的颜色，并且它在其他浏览器中显示得很好，但出于某种原因，Firefox稍微减少了颜色。
::-moz-placeholder, input::-moz-placeholder {color: Black;}
我使用过:-moz-placeholder和::-moz-placeholder前缀。有什么建议吗？
浏览 1提问于2014-06-16得票数 1
回答已采纳
2回答
我有一个文本输入，如果满足或不满足条件(绿色到棕色，反之亦然)，当它被聚焦时，它会改变颜色。
我想要的颜色保持不变，即使输入是非焦点。
重点和核查不太好：
重点和核查可以：
无重点核查是否可行：
我的代码：
//Change brow to green, green to brown
const [inputColor, setInputColor] = useState("brown");
<TextInput
//{...}
theme={{
colors: {
primary: inputColor,
浏览 1提问于2021-03-24得票数 0
3回答
我正在使用一个名为时尚的铬插件来改变这个网站的css。我成功地改变了它的大部分，但有一个部分我无法改变。
占位符颜色更改:最糟糕的是搜索栏("Search“)中占位符文本的颜色。我编写了一些css (如下图所示)，试图更改它。虽然它更改了另一个输入字段中的占位符文本(除非您登录，否则您将无法看到它)，但它没有更改正确输入字段的颜色。
::-webkit-input-placeholder,
input::-webkit-input-placeholder,
form input::-webkit-input-placeholder,
input:placeholder-shown,
浏览 1提问于2016-03-30得票数 1
回答已采纳
我有一个需要更改Placeholder字体和颜色的UITextField，我在drawRect方法中调用下面的方法，
-(void) setFontColorForPlaceHolder
{
for(id obj in [[self baseScrollView] subviews])
{
if([obj isKindOfClass:[UITextField class]])
{
[obj setAttributedPlaceholder:[[NSAttributedString alloc]initWithString:
浏览 2提问于2014-04-26得票数 2
2回答
我已经尝试过让Firefox使用我指定的颜色作为表单上占位符的颜色。包括在我的CSS和所有东西中使用:-moz-placeholder，但是结果的颜色从来不是我指定的。
我知道Firefox使用淡灰色作为它的默认输入/占位符颜色，但是如果它没有完全改变它，为什么会有改变它的选项呢？
下面是我为演示包含所有Firefox特定CSS的代码：
老：
新：
浏览 5提问于2013-11-07得票数 4
回答已采纳
我是一个基于MS团队的bot应用程序，它将自适应卡发送到通道中，该卡包含JSON下拉列表，如下所示：
{
type: 'Input.ChoiceSet',
id: 'statusUpdate',
choices: actionList,
placeholder: 'Status update',
value: 'Select an option',
},
所以，在预览上，当颜色是灰色时，下拉菜单就被禁用了，有办法改变颜色吗？
浏览 4提问于2022-07-15得票数 0
2回答
然而，我已经应用了不同的补丁，我仍然不能修复UISearchbar的占位符文本位置和文本颜色。
但当我键入某些内容时，它会显示在适当的位置。
理由是什么呢？
浏览 2提问于2015-10-05得票数 0
2回答
我的视图控制器中有这些代码行。
此代码用于UISearchBar文本颜色和，它工作于。
let textFieldInsideSearchBar = searchBar.value(forKey: “searchField”) as? UITextField
textFieldInsideSearchBar?.textColor = UIColor.white
此代码用于UISearchBar占位符、文本颜色和，它不工作
let textFieldInsideSearchBarLabel = textFieldInsideSearchBar!.value(forKey: “placeholde
浏览 0提问于2019-10-31得票数 0
2回答
我有一个搜索框，我想要白色文本的颜色。我将占位符颜色更改为白色，将文本颜色更改为白色，但只有当用户单击退出窗体时，文本颜色才会变为白色(键入时仍保留灰色引导颜色)。
我怎么才能改变呢？我的style.scss代码：
.form-control {
background-color: transparent !important;
color: white;
&::placeholder {
color: white;
opacity: 1;
}
}
浏览 0提问于2019-01-03得票数 8
回答已采纳
我想在Ant Design中更改Select组件的占位符颜色。 我已经在下面尝试过了，但都不起作用。 .ant-select-selection {
:placeholder-shown {
color: red !important;
}
&:placeholder-shown {
color: red !important;
}
:::placeholder {
color: red !important;
}
color: black !important;
&::-webkit-input-placeholder
浏览 157提问于2019-05-12得票数 4
当传递道具editable=false时，反应原生变化的文本颜色。
如何更改文本输入颜色?，我已经阅读了文档，但没有得到帮助
浏览 13提问于2020-05-07得票数 3
回答已采纳
1回答
我想要更改windows商店应用程序( XAML / C# )中组合框的占位符文本颜色
下面是后面的代码：
List<string> orderType = new List<string>();
orderType.Add("ANS");
orderType.Add("DG");
orderType.Add("LAB");
orderType.Add("RAD");
ComboBox orderTypeComboBox = new ComboBox();
orderTypeComboBox.ItemsSo
浏览 5提问于2015-01-27得票数 0
我正在使用SQL Server Reporting Service。我需要更改表达式中使用的参数的颜色。我不想改变整个表达式的颜色，所以你能告诉我最好的方法吗？
="Population Statistics for" + Parameters!TotalPatientCntInPractice.Label
我只想换一下Parameters!TotalPatientCntInPractice.Label的颜色
浏览 1提问于2013-07-31得票数 0
如何在Material UI中更改背景颜色和Skeleton组件的闪烁颜色？
我正在尝试为它们设置自定义样式，如下所示：
<Skeleton variant="circle" classes={{root:'placeholder-animation'}} animation="wave" width={56} height={56} />
.placeholder-animation{
background: chartreuse;
}
浏览 18提问于2021-05-21得票数 1
回答已采纳
我正在使用select2插件。在强制字段中，我必须将select2占位符的颜色设置为红色。
如何将默认的select2占位符颜色更改为红色？
<select id="leadadd_mode_of_enq" name="leadadd_mode_of_enq" class="select2 req_place" data-select-search="true" placeholder="Mode of enquiry">
<option value="1">Opt
浏览 3提问于2014-04-11得票数 12
回答已采纳
在Material (MUI) TextField中，我们可以同时拥有一个标签和一个占位符，但是当文本字段为空时，我们只能看到标签。为了看到占位符，我们必须开始编辑TextField。是否有一种方法可以说，标签和占位符应该在字段为空时首先显示？我们还希望通过将占位符与黑色标签文本颜色相比，使其略显灰色，从而使其样式略有不同。有办法这样做吗？
浏览 6提问于2022-01-07得票数 6
回答已采纳
如何在ios渲染器中更改占位符颜色和光标颜色？我在Control.AttributedPlaceholder中更改了占位符和光标颜色中的TintColor属性，但在ios中没有更改占位符颜色和光标颜色 公共类CustomMaterialEntryRenderer : MaterialEntryRenderer { }
浏览 15提问于2021-07-06得票数 1
回答已采纳
如何在xib中更改占位符文本颜色？我已经尝试了key path的东西，但它给了我NSException。有谁能帮帮忙。
浏览 67提问于2014-04-25得票数 20
回答已采纳
2回答
我正在用Qt4.8编写一个应用程序，并通过CSS利用样式。在设置QLineEdit样式时，是否有诸如selection-background-color之类的属性允许我更改占位符文本的颜色？
如果没有，有没有其他方法来改变它？
浏览 2提问于2013-02-04得票数 0
UITextField的.textColor既改变了初始序言文本的颜色，也改变了用户可能输入的任何后续文本的颜色。我希望序言颜色为红色，而后续文本为黑色--这可能吗？
浏览 4提问于2017-04-11得票数 0
回答已采纳
我有个很奇怪的问题。我有一个带有IBInspectable变量的UITextField类来改变它的占位符颜色，我是这样做的：
attributedPlaceholder = NSAttributedString(string: placeholder != nil ? placeholder! : "", attributes:[NSForegroundColorAttributeName : color])
当应用程序方案设置为System language、English或任何LTR语言时，它都可以正常工作。
但是当它被设置为希伯来语或任何其他RTL语言时，它根本不会显示
浏览 0提问于2017-07-12得票数 1
1回答
示例代码：<input type="text" placeholder="Fast name *">
我想更改占位符最后一个字母的颜色，在本例中为“* "，但我需要一个CSS解决方案，而不需要javascript解决方案。我逐个字母地显示字符串，并且不能使用静态解决方案。
浏览 1提问于2019-01-04得票数 0
我以前曾寻找过这个问题的答案，并找到了另一种方法来获得我所需要的东西，但我很好奇这是否真的是一种可能性。当一个单词是表达式的一部分时，是否有一种方法可以更改文本框中单个单词的字体颜色？我知道，如果你有一个文本框，上面写着“这是红色”，那么你可以高亮显示红色这个词，并以这种方式改变字体颜色，但是当你使用一个表达式生成文本时，你真的没有这个选项。使用自定义代码这可能可行吗？
浏览 3提问于2015-03-10得票数 1
回答已采纳
我正在使用不可编辑的objectPicker并设置空文本：
this.statePicker = Ext.create('Rally.ui.picker.MultiObjectPicker', {
modelType: 'State',
id: 'statePicker',
matchFieldWidth: false,
editable:false,
emptyText: "Select..
浏览 7提问于2013-06-18得票数 0
回答已采纳
如何更改input 文本框的字体颜色而不影响Internet 11中的placeholder字体颜色？
如果我在输入()中更改字体的颜色：
<div class="buttonToolbar">
<input type="text" placeholder="e.g. Stackoverflow"><br>
</div>
CSS
.buttonToolbar input {
color: Blue;
}
:-ms-input-placeholder { /* Internet Ex
浏览 5提问于2014-07-02得票数 7
回答已采纳
2回答
好吧，我已经试着修了几个小时了。
我有一个占位符文本，不想改变颜色。目前，我已经添加了这个CSS。
::-webkit-input-placeholder {
color: red;
}
:-moz-placeholder { /* Firefox 18- */
color: red;
}
::-moz-placeholder { /* Firefox 19+ */
color: red;
}
:-ms-input-placeholder {
color: red;
}
然而，文本仍然是很浅灰色的。
见网站：
非常感谢的帮助:)
浏览 0提问于2015-08-31得票数 0
回答已采纳
1回答
如何更改文本框内文本的颜色......提供了颜色属性，但它不起作用...
下面提供我的代码和小提琴
<form class="navbar-form pull-right">
<input class="span2" type="text" placeholder="Email">
<input class="span2" type="password" placeholder="Password"
浏览 0提问于2013-02-05得票数 0
回答已采纳
我正在使用React Native创建一个Android应用程序，其中有一个表单。占位符甚至不会出现在textInput字段中，所以我想更改占位符的颜色，但我不知道该怎么做。文档中提到了一些我不理解的方式。
代码如下：
<TextInput
secureTextEntry={secureTextEntry}
style={inputStyle}
placeholder={placeholder}
value={value}
onChangeText={onChangeText}
/>
inputStyle: {
color: '#000
浏览 0提问于2017-06-25得票数 46
回答已采纳
我很难更改占位符标签的文本颜色，它在没有焦点时用作提示，在焦点集中时用作顶部标签。(照片如下)
我之所以关闭所有MDC-TextFields和，是因为它们都被新MDC概述的Textfield所反对。
下面的代码是扩展中的一个函数，它将简单地设置整个应用程序中所有MDC概述的Textfield的一般背景和子标签颜色。
我尝试了一些没有运气的函数(下面评论)。
extension MDCOutlinedTextField {
func setUpGeneralBackgroundColors(){
//Text col
浏览 5提问于2022-10-22得票数 0
回答已采纳
我有一个带有内容控件的表。一旦我填充了我的表，我就移除所有的内容控件，而不删除实际的内容，除了保留的第一行之外，这样如果我想重新填充表，我就可以使用它。问题是，有时第一行中有行没有值，因此会显示灰色文本。结果是这样的-
是否可以隐藏内容控件(特别是灰色文本)，但不能完全删除它，以便在以后需要时仍然可以使用它？我尝试了从设置文本的颜色到隐藏内容控件的字体，但是没有达到我想要的结果。
浏览 10提问于2016-02-24得票数 0
回答已采纳
2回答
当我尝试更改搜索栏textfield的文本颜色或占位符文本颜色时，没有任何反应。
文本字段被嵌入到搜索控制器的搜索栏中。
这是我使用的代码：
let textField = self.searchController.searchBar.value(forKey: "searchField") as! UITextField
textField.textColor = .white
我发现有趣的是，当我尝试更改色调颜色时，它会起作用：
textField.tintColor = .white
有人知道为什么会发生这种情况吗？
我正在尝试使文本和占位符文本颜色为白色。
谢谢!
浏览 1提问于2017-10-28得票数 0
我目前有一个未知的浏览器，当文本字段聚焦时，它将清除placeholder文本。我如何使用CSS将文本保持在适当的位置，直到用户输入，或者这是不可能的？
我的想法是这样。占位符不会被移除，而只是使用CSS或其他什么隐藏起来，因此即使默认情况不是这样，也可以通过操作来显示占位符。我希望webkit至少应该有这样的功能(它没有必要在任何其他基于webkit的浏览器中工作)。
以下代码将更改占位符的默认颜色：
[placeholder]::-webkit-input-placeholder {
color: #888888;
}
欢迎任何答案和/或想法。
浏览 1提问于2015-02-18得票数 2
回答已采纳
我已经谷歌了几个小时如何改变我的UISearchBar字体大小和颜色，但我无法任何相关的文件。 这是我到目前为止在swift 4上所做的： searchBar = UISearchBar(frame: CGRect(x: 0, y: 0, width: view.frame.width - (menuImage.frame.width + iconImage.frame.width + 55), height: 30))
searchBar.placeholder = "SEARCH BAR"
searchBar.tintColor = UIColor.gray
se
浏览 124提问于2018-02-26得票数 7
回答已采纳
是否可以获取input占位符文本的当前颜色值？通常我会使用getComputedStyle来获取当前的元素样式值，但它不会返回占位符值。
除了解析css文本并使用正则表达式获取值之外，还有其他解决方法吗？
谢谢。
浏览 0提问于2016-05-24得票数 4
3回答
我有以下jQuery代码：
if ($("#Choice").prop("checked"))
$("#Technology").attr("placeholder", "Search by Tag...").css({ "color": "#b2cde0" });
当前占位符将具有定义的颜色，但输入文本也将具有定义的颜色。当我需要更改占位符颜色，同时保持默认的输入文本颜色？
浏览 1提问于2014-05-12得票数 3
2回答
我试图在访问者键入任何文本之前更改输入框中占位符文本的字体颜色。
下面是我的例子
请参阅页面底部的文本框。我认为它现在使用的是用户代理样式表，这意味着表单元素没有创建样式？
我不确定我需要用CSS针对哪个元素。我要说的是：
form input[type=text] {
width: 300px;
margin-bottom: 7px;
font-size: 20px;
border: 0;
padding: 5px 7px;
background-color: #FF2950;
color: #fff;
}
浏览 0提问于2013-11-30得票数 0
回答已采纳
实际上，我正在为我的iOs应用程序编写一份登记表。
我在iOs上还是很新的，但由于uiTableViewCell定制和uiTextField，我成功地制作了一张好看的注册表格。
我现在面临着两个问题，实际上我没能解决：
1)当我在中心对齐我的UITextField时，它并不是真的对中，也可能是对中，但是它开始在中心写我的字符串，而不是将字符串本身对齐，即使我在TextField中使用了我的单元格帧(如果需要的话，见图)。
2)我设法改变了UITextField文本的颜色，但当键盘显示时，它实际上又开始写黑色而不是白色。我能换一下这个吗？
对不起，我的英语不好，不是我的母语，但仍在努力，谢谢你的
浏览 2提问于2015-03-14得票数 0
回答已采纳
有没有办法改变first responder UITextField的占位符颜色？非常感谢!
浏览 0提问于2014-01-06得票数 0
我发现我可以像这样迅速地定制TextField风格。
struct BottomLineTextFieldStyle: TextFieldStyle {
func _body(configuration: TextField<Self._Label>) -> some View {
VStack() {
configuration
Rectangle()
.frame(height: 1, alignment: .bottom)
.fore
浏览 10提问于2020-04-21得票数 4
回答已采纳
1回答
占位符颜色仅在IE 9中不起作用。其它浏览器工作正常。谁能告诉我IE9需要哪种css？我使用了一个div ->选择元素->默认输入字段.Want来更改占位符的文本颜色。我在谷歌上搜索，它将在IE 10+上工作
input:-ms-input-placeholder {
color:#27AE60 !important;
}
<input type="text" ng-model="inputText" placeholder="somePlaceholder" />
原始CSS选择器：
#dropdow
浏览 1提问于2016-01-19得票数 0
2回答
在react本机文本输入占位符中，是否有任何方法给位置持有者文本提供多种颜色。电子邮件黑色星号红色
我已经尝试过文本输入的placeholdertextcolor属性。但它只允许整个占位符文本的一种颜色。
链接中的图像是我所需的文本输入UI.
浏览 9提问于2021-01-06得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
