placeholder属性指定样式

最新推荐文章于 2024-05-07 11:27:35 发布
最新推荐文章于 2024-05-07 11:27:35 发布
阅读量996 收藏
点赞数 1
分类专栏： placeholder 文章标签： input textarea placeholder
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Beibei1127zhao/article/details/82350817
版权

input::-webkit-input-placeholder{color:#fff} /* 使用webkit内核的浏览器 */
input:-moz-placeholder{color:#fff} /* Firefox版本4-18 */
input::-moz-placeholder{color:#fff} /* Firefox版本19+ */
input:-ms-input-placeholder{color:#fff}
冒号前写对应的input或textarea元素等。
placeholder属性是css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占位文本。
这里可以指定input或者textarea的样式

HelloSunshine1127
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
设置input 中placeholder的样式
叶落无痕的博客
04-18 677
三、HTML input placeholder支持的属性。
css：input元素placeholder样式设置
彭世瑜的博客
12-07 1911
input默认样式 添加自定义样式
CSS 样式清单整理：文字超出部分显示省略号和设置placeholder的字体样式
最新发布
weixin_44487537的博客
05-07 303
【代码】CSS 样式清单整理：文字超出部分显示省略号。
修改input的placeholder的样式
Kino的博客
09-14 614
修改input的placeholder样式
(Select)解决：Element-ui 中 Select 选择器下拉框样式及输入框样式的修改问题(背景色透明与悬停背景色变化与下拉框边距变化等操作)
热门推荐
狮子座的男孩
05-05 2万+
Ⅰ、Element-ui 提供的组件与想要目标对比： 1、Element-ui 提供组件情况： 2、想要修改后的目标： Ⅱ、Ⅲ、ⅣⅤ1、目标：
【css】select实现placeholder效果
smart_dream
04-19 780
场景：使用select下拉选择框的时候，需要像其他控件一样提示默认信息。问题：表单控件select没有placeholder属性。
jQuery实现的一个自定义Placeholder属性插件
11-30
【jQuery实现自定义Placeholder属性插件】 在HTML5中，`placeholder`属性为文本框提供了一个非常方便的功能，即在输入框内显示提示文本，但遗憾的是，直到IE9，Internet Explorer浏览器都不支持这一特性。为了解决...
修改输入框placeholder文字默认颜色-webkit-input-placeholder方法
09-28
这个选择器专门用于选中并修改WebKit浏览器中输入框的`placeholder`属性的样式。以下是一个示例代码： ```css /* 针对Firefox浏览器 */ input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } ...
jquery placeholder
11-06
如果需要自定义样式，可以在CSS中指定`.placeholder`类来覆盖默认样式。 `jQuery Placeholder`插件还支持一些可选参数，例如，你可以设置自定义的占位符类名，或者在某些情况下禁用插件的行为。通过查阅插件的文档...
HTML属性标签大全注释
12-07
比如，链接元素的`href`属性指定链接的目标地址。 二、常用HTML属性 1. `class`：用于定义CSS类，可以为元素应用样式。 2. `id`：唯一标识一个元素，常用于JavaScript操作或CSS选择器。 3. `style`：内联CSS，直接...
基于要素属性的样式1
08-03
现在，我们创建一个向量图层，指定`styleFunction`作为`style`属性，并从GeoJSON文件加载数据。最后，将图层添加到地图上： ```javascript var vectorSource = new ol.source.Vector({ url: 'path/to/your/geojson...
select做placeholder效果 并且自定义按钮样式
qq_42855675的博客
05-31 907
<div style="position: relative;"> <select id="comScale"> <option disabled selected data-key="-1">--请选择--</option> <option data-key="">无选择</option> <option data-key="04">微型</option> <option data-..
html输入框placeholder颜色_图文详解placeholder属性的使用方法以及如何修改placeholder的默认样式...
weixin_39711721的博客
11-29 1851
在页面布局时经常会用到input输入框，有时为了提示用户输入正确的信息，需要用placeholder属性加以说明。这篇文章就和大家讲讲placeholder属性怎么用以及如何修改placeholder属性的样式，感兴趣的朋友可以参考一下，希望对你有所帮助！placeholder 是HTML5 中新增的一个属性。placeholder可以用来描述输入字段预期值的简短的提示信息。提示信息会在用户输入值...
设置指定元素的placeholder样式
hutao1101175783的专栏
05-21 162
<style> .layui-disabled::-webkit-input-placeholder { color: #d2d2d2 !important; } </style>
CSS设置input placeholder文本的样式
u598975767的专栏
03-17 1万+
placeholder是HTML5  input的新属性，英文意思是占位符，它一般表示input输入框的默认提示值。 当然我们今天讨论的不是placeholder这个属性，而是设置placeholder的文本样式的选择器。 实例demo 火狐和webkit核心浏览器的属性名字不一样，谁叫不是一个娘生的呢。 /* webkit 浏览器*/#field1::-w
【element】设置input的placeholder 样式
jieweiwujie的博客
08-16 1742
设置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的样式、小字处理）
yangyanqin2545的博客
11-28 277
移动端相关处理 1.去除高亮框 去除android下a/button/input标签被点击时产生的边框 & 去除ios下a标签被点击时产生的半透明灰色背景 (默认都会在激活状态时，显示高亮框) a,input,textarea,select{ -webkit-tap-highlight-color: rgba(0,0,0,0); } [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Wo46MFjO-1606551879660)(…/AppData/Roamin
修改input的placeholder属性的样式
inMe_xh的博客
12-09 125
/* input::-webkit-input-placeholder{ color:#fff; } */ /* Mozilla Firefox 19+ */ /* input::-moz-placeholder{ color:#fff; } */ /* Mozilla Firefox 4 to 18 */ /* input:-moz-placeholder{ color:#fff; } */ /* Internet Explorer 10-11 */ /..
我希望textarea 中的 placeholder在指定位置换行
06-02
如果你想在 textarea placeholder 中的指定位置进行换行，可以在 placeholder 文本中使用 HTML 的 `<br>` 标签来实现。具体步骤如下： 1. 为 textarea 设置一个 class，例如：`.my-textarea`。 2. 在 HTML 中为 textarea 添加 placeholder 属性，例如： ``` <textarea class="my-textarea" placeholder="这里是第一行<br>这里是第二行"></textarea> ``` 3. 在 CSS 中为 placeholder 设置样式，例如： ``` .my-textarea::placeholder { white-space: pre-wrap; } ``` 这样就可以实现在 placeholder 中在指定位置换行的效果了。另外，如果你想在输入内容时自动换行，可以设置 "wrap=hard" 属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值