首页 > 其他分享 >CSS修改input中的placeholder默认颜色

CSS修改input中的placeholder默认颜色

时间:2023-04-12 09:56:33浏览次数:45  
标签:color Mozilla 999 默认 input placeholder CSS

使用 input-placeholder 属性来修改placeholder的默认颜色:

为了兼容不同的浏览器内核,要添加不同的前缀

input::input-placeholder {   color: #999; }
input::-webkit-input-placeholder {   /* Chrome */   color: #999; }
input::-moz-placeholder {   /* Mozilla Firefox 19+ */   color: #999; }
input:-moz-placeholder {   /* Mozilla Firefox 4 to 18 */   color: #999; }
input::-ms-input-placeholder {   /* Internet Explorer 10-11 */   color: #999; }

标签:color,Mozilla,999,默认,input,placeholder,CSS
From: https://www.cnblogs.com/xchlsl/p/17308669.html

相关文章

  • CSS杂谈——flex布局里面的auto到底多长
    本篇博客将以“flex布局里设置auto的区块怎么让文案超出省略的问题”作为切入点,来分析一下flex布局里面各子项的具体长度到底怎么计算。从需求出发谈flex布局我们有一个H5项目,类似于微信的通讯录界面,前面是头像,后面是昵称。所以我们一开始的代码是这么写的:<divst......
  • HTML form input shadow-root All In One
    HTMLforminputshadow-rootAllInOne禁用DOM编辑MutationObserverAPIshadow-root无法编辑DOM???forminput#shadow-root(user-agent)<divclass="write_public_box4write_public_samebox"><divclass="f_l"><p>......
  • 记录-css实现交融文字效果
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助CSS是有魔法的,我们今天来实现一个CSS的动画效果,只需要几行代码就可以搞定。第一步、我们要将一行文字从中间展开<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-U......
  • css steps实现文本一个字一个字显示
    大致思路:使用相对定位的div覆盖文本内容,并用animation控制宽度,位置。换行步骤在外层div上控制高度即可。css的steps与animation一起使用可以控制文字单个显示,类似于文本输入,不过显示频率是线性。添加一些css变量控制步骤宽度、高度和时间等,便于vue中也通过组件的props......
  • 如何隐藏一个元素?&&css中出现了两个一样的类定义,如何避免冲突?
    1.如何隐藏一个元素?1.使用display属性:设置元素的display属性为none,这样元素在页面上不会占用任何空间,同时也不会对其他元素造成影响2.使用visibility属性:设置元素的visbility属性为hidden,这样元素在页面上不可见,但仍然占用空间3.使用opacity属性:设置元素的opacity属性为0,这样元......
  • css变量声明使用
    今天跟朋友聊天被推荐的一个css变量使用,感觉挺方便的,适用于各种页面,类似于scssless~好处是减少样式代码的重复性,增加样式代码的扩展性和灵活性简单使用:<style>:root{--color:#000;--width:200px;}body{color:var(--color);width:var(--wi......
  • CSS 实现垂直居中的5种方法
    方法1:使用绝对定位和负外边距对块级元素进行垂直居中      优点:兼容不错。缺点:必须提前知道被居中块级元素的尺寸.father{width:300px;height:300px;background-color:red;position:relative;......
  • 【学习笔记】HTML+CSS
    HTMLHTML教程简介编辑器基础元素属性标题段落文本格式化链接头部CSS图像表格列表区块布局表单和输入1、意义:用于收集用户的输入信息表示文档中的一个区域,此区域包含交互控件,将用户收集到的信息发送到Web服务器一个文本字段的默认宽度是20个字符2、form......
  • Element Plus错误警告 | Popper: Detected CSS transitions on at least one of the f
    这个错误的解决方案如下:1.禁用"computeStyles"修饰符的adaptive选项:这将允许平滑过渡,但可能会降低性能。禁用"computeStyles"修饰符的adaptive选项,可以在创建Popper实例时指定modifiers参数,并将computeStyles的adaptive属性设置为false。示例如下:import{c......
  • CSS 属性 选择器
     具有特定属性的HTML元素样式具有特定属性的HTML元素样式不仅仅是class和id。注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。属性选择器下面的例子是把包含标题(title)的所有元素变为蓝色:实例[title]{color:blue;}https://www.lekaowang......