2016 - 2024

感恩一路有你

设置placeholder的字体颜色 怎么修改input中placeholder的字体颜色?

浏览量:2592 时间:2021-03-12 09:54:46 作者:admin

怎么修改input中placeholder的字体颜色?

首先,让我们简单地编写一个包含输入和文本区域的HTML页面,简单地设置基本样式,并注意占位符。

然后在浏览器中预览效果,您将看到默认占位符颜色为灰色。下一步,设置占位符的字体颜色

由于每个浏览器的CSS选择器不同,您需要为每个浏览器分别进行设置(输入和文本区域可以写在冒号之前)。

::-webkit输入占位符{/*webkit浏览器*/

颜色:#999

}

:-moz占位符{/*Mozilla Firefox 4到18*/

颜色:#999

}

:-moz占位符{/*Mozilla Firefox 19*/

颜色:#999

}

:-ms输入占位符{/*Internet Explorer 10*/

Color:#-999]}

也可以这样写:

]输入:#-WebKit输入占位符,文本区:#-WebKit输入占位符{

颜色:#-666]}输入:-moz占位符, textarea:-moz占位符{

颜色:#666

}

输入::-moz占位符,文本区域::-moz占位符{

颜色:#666

}输入:-ms输入占位符, textarea:-ms先输入占位符, 我们只使用一个输入框创建一个简单的HTML文档。然后我们定义输入框的宽度和高度,以及字体颜色大小和占位符2的值。然后我们在浏览器中查看它,在我们的输入框中显示提示文本,也就是说,占位符是灰色的,这不是我们设置的颜色。我们检查元素,看到输入的颜色值是红色的。三。这是因为占位符中文本的颜色不受输入的颜色值控制,所以需要重写它。我们需要在元素后面添加:然后添加输入占位符属性。4但这还不够。现在有许多浏览器内核。我们需要同时考虑多个浏览器,因为浏览器这个所谓属性的兼容性不是很好。5在此设置之后,页面中所有输入标签的占位符中的文本为蓝色。我们可以添加一个类来区分输入

常用的方法是用文本框的值来模拟占位符,克隆一个原始文本框,将其值设置为原始文本框的占位符值,给克隆的文本框添加样式(文本颜色模拟为占位符的灰色),然后隐藏原始文本框。单击克隆的文本框时,将其隐藏并显示原始文本框。同时,使用JS的focus()方法在原始文本框中定位焦点光标。

如何设置css3中placeholder的字体颜色?

结果:占位符[English][multipleɪshʊLDə(R)][American][pleˌholdɚ]nΐ占位符快捷方式再次出现在另一个函数文本中,我们传递给foreachΐplaceholder。2内联标签的示例,其中标签充当表单字段中的占位符文本。

input标签里的字体颜色怎么改?

参考如下:

1,[textfield setValue:[uicolor redcolor]forkeypath:@“占位符标签.textColor“]这种方法有时可能有用。

2. [uitextfield appearance]settintcolor:[uicolor redcolor

此方法影响所有文本字段。

3、 textField.tintColor=[uicolor redcolor]此设置在interface builder中不易使用。

怎么用原生js让ie7兼容placeholder?

修改paleholder内部文本的CSS样式

1::-WebKit输入占位符{

2颜色:红色

3字体大小:20px

4行高:50px

5}

修改名为test1的类的paleholder内部文本的CSS样式。Test1::-WebKit输入占位符{

颜色:红色

字体大小:20px

行高:50px

}

例如:

<!DOCTYPE HTML>

<html>

<head>

<meta作为“UTF-8”>

< title>></title>

<>

<>

<>

<>

[height:50px

[font size:14px]行高:50px

!]&</gt>

]&<</head>

]&<</head>

&<</head>

&< body<>>>

!&<><><><>>

!]&<<><>>>;body&body&body<&&>>

!]&&&&&&<&“我不知道占位符=”test“/>

</body>

</HTML>

placeholder是什么意思?

有很多实现方法,最简单的是使用HTML5的占位符,<input type=“text”placeholder=“没有输入时,我会出现!“/>.当然,HTML5不支持ie,另一种方法是使用您提到的js,即判断输入框中是否有内容聚焦和模糊,然后动态更改输入框的值。智湖是另一个。它在输入上浮动一层标签。单击“标签”时,标签将隐藏自身,并且输入框是焦点。当输入框为蓝色时,将显示浮动层。

设置placeholder的字体颜色 ithoughts怎么改变字体颜色 placeholder属性作用

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。