placeholder样式设置

1.第一种最简单的写法：在谷歌浏览器中使用 textarea::placeholder { font-size: 12px; font-family: Arial; letter-spacing: 5px; color: #919191 !important; padding-left: 13px; padding-top: 9px; }

placeholder用于占位置，向用户提示。那么根据不同的项目要求，需要设置占位符的样式，以下代码可以帮助我们实现placeolder的颜色，透明度，字体大小，风格等等的设置。font-family: 楷体;的兼容性，MDN公布目前此伪元素只兼容以下版本。

这个伪元素可以改变 input、textarea 占位文本的样式。

在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果，这时就可以用以下代码来对placeholder进行样式设置了。 ::-webkit-input-placeholder{} /*使用webkit内核的浏览器 */ :-moz-placeholder{} /*Firefox版本4-18 */ ::-moz-placeh...

::-webkit-input-placeholder { color: #797979; }  

在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果，这时就可以用以下代码来对placeholder进行样式设置了。 ::-webkit-input-placeholder{} /*使用webkit内核的浏览器 */ :-moz-placeholder{} /*Firefox版本4-18 */ ::-m...

设置INPUT的PLACEHOLDER样式 <style> .el-input__inner::placeholder{ color:red; text-align:center; } /*谷歌*/ .el-input__inner::-webkit-input-placeholder{ color:red; text-align:center; } /*火狐*/ .el-...

placeholder 在前端多用于 input、textarea 等任何输入或者文本区域的标签，它用户在用户输入内容之前显示一些提示。浏览器自带的 placeholder 样式可能不符合设计规范，此时就需要通过 css 进行样式美化。当项目中使用 TailwindCSS 处理样式时，应该如何通过 TailwindCSS 设置 placeholder 的样式呢？

在页面布局时经常会用到`input`输入框，有时为了提示用户输入正确的信息，需要用`placeholder`属性加以说明。`placeholder` 是`HTML5` 中新增的一个属性，需要注意浏览器的兼容性。。`placeholder`可以用来描述输入字段预期值的简短的提示信息。提示信息会在用户输入值之前显示，一旦用户输入信息该提示就会自动消失。比如：我们在登录时需要输入用户名和密码，它会提示你什么地方输入用户名，什么地方输入密码，这个就是使用的`placeholder`属性。

1.如何设置placeholder属性的样式 input::-webkit-input-placeholder{ /* WebKit, Blink, Edge */ font-size: 20px; color: #ADADAD; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 20px; ...

** 今天有同学又双叒叕给我扔了一个王炸？又一次刷新我对bug的认知啊，看来我还是小看js了。** 接下来，我们来看看同学的问题？ 很开心，同学们都叫我姐姐。 跑偏了，跑偏了。这个问题的答案是：“当然可以”。 首先，我们瞅瞅传统的CSS如何设置placeholder的样式： input::placeholder{ color: tomato; } ::placeholder是一个伪类，也就是通过伪类的方式来设置。 接下来，让我们再看看JS怎么设置： 第一步：

placeholder是HTML5  input的新属性，英文意思是占位符，它一般表示input输入框的默认提示值。 当然我们今天讨论的不是placeholder这个属性，而是设置placeholder的文本样式的选择器。 实例demo 火狐和webkit核心浏览器的属性名字不一样，谁叫不是一个娘生的呢。 /* webkit 浏览器*/#field1::-w