淡入和/或淡出占位符文本

2024-02-22

有没有办法淡入和淡出输入的占位符文本?

我试过了:

$('.userBox::-webkit-input-placeholder').animate({color: '#888888'}, 500);

但这只是崩溃......


如果您想在焦点时淡出,并在模糊时淡入(当输入框为空时),以下内容应该在 webkit 中起作用:

HTML:

<input id="user_email" name="user[email]" placeholder="[email protected] /cdn-cgi/l/email-protection" type="email" />

CSS:

input[type="email"]::-webkit-input-placeholder  {
  -webkit-transition: opacity 0.3s linear; 
  color: gray;
}

input[type="email"]:focus::-webkit-input-placeholder  {
  opacity: 0;
}

js小提琴:http://jsfiddle.net/a9UA3/ http://jsfiddle.net/a9UA3/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

淡入和/或淡出占位符文本 的相关文章

  • 使用 jQuery 保留切换状态[重复]

    这个问题在这里已经有答案了 可能的重复 带 Cookie 的 jQuery 切换 https stackoverflow com questions 2523189 jquery toggle with cookie 我有一个简单的切换 但
  • Pjax动画

    我终于让 pjax 工作了 但我还有另一个问题 如何添加一些 jquery 动画 如淡出 幻灯片旧内容和淡入 幻灯片新内容 默认情况下 pjax 只是更改内容 没有任何好看的效果 任何帮助将非常感激 此致 基本上 你有一堆事件 https
  • 如何设置必须输入特定数字的字段?

    我想知道如何创建一个需要输入特定数字或文本的字段 例如 激活码 以及在输入的确认答案的情况下移动到 网页 并且在未确认的情况下移动到 另一页面 的按钮 使用必需的属性
  • 选择 asp.net CheckBoxList 中的所有项目

    ASP NET 和 C 我想要一个带有 全选 项目的复选框列表 当这个特定项目是 已选择 所有其他都将被选择 也 当选择被删除时 这个项目 也将来自所有人 其他物品 选中 取消选中 任何其他项目只会有一个 对特定项目的影响 无论选择状态如何
  • 选择单选按钮时隐藏/显示 3 个文本框

    我有 2 个单选按钮 选择一个文本框时 我想显示 3 个文本框 并在选择其他文本框时隐藏它 这是代码 这是我的 2 个单选按钮
  • 如果选中复选框则显示 div

    我正在尝试构建类似 WordPress 选项的东西 用于在创建文章时切换字段可见性 我所构建的依赖于 click函数使用相应的字段名称切换父项 我想知道如果选中该复选框 执行此操作的最佳方法是什么 因为如果您选中一个框并重新加载页面 因为它
  • 将列名称与具有 AJAX 数据源的 DataTable 一起使用

    我正在尝试升级我的系统以使用 DataTables 1 10 而不是 1 9 并且我正在尝试找到一种使用 JSON 对象而不是列表传回行内容的方法 具体来说 而不是以格式传回数据 data data data data data data
  • 如何修复 IE6 上的不透明度

    如何修复 IE6 上的不透明度 此代码不适用于 IE6 filter alpha opacity 50 moz opacity 0 5 khtml opacity 0 5 opacity 0 5 还有这段代码 description ani
  • jQuery ajax 上的 Qunit 单元测试错误

    我已经为 ajax 起诉 Qunit 编写了单元测试 但出现了类似的错误 Error assertion outside test context was success http test loc assets test widget a
  • 动态突出显示时向

    添加项目符号点?

    Update 例子 p Text Text p 在示例中 是否可以选择第二个 文本 单词 p 元素并单击按钮仅动态添加项目符号点到选定的 单词 有没有可能 在一个 p p Text p 突出显示从 p 元素并添加项目符号点到按钮上动态单击的
  • 简单 AJAX Get 请求“待处理”

    我正在尝试实现一个简单的 AJAX GET 请求 该请求告诉服务器删除数据库中的文档 虽然我从服务器得到文档已删除的确认 但 Chrome 检查器显示该请求处于 待处理 状态 最终导致服务器错误 我做错了什么 HTML div class
  • jquery 调整窗口大小以适合内容

    我有一个简单的弹出窗口显示300x300px图片 我将窗口的大小设置为350x350px 但根据浏览器的不同 我要么得到滚动条 要么得到额外的空白 是否有一些 jQuery 函数可以调整浏览器窗口的大小以适应内容 而无需任何滚动条或空白 无
  • 如何将对象数组传递给jade模板?

    我想将一组对象从 mongodb 传递到客户端 这是物体 var objeto img name name of the file image image jpg url title title of the image caption d
  • 根据复选框和数据元素隐藏/显示表格行

    我想隐藏表中的行 因为我选中了复选框并且该数据元素在表中不正确 另一个实验 我还可以使用数据元素进行排序并按下拉列表排序 查看 tr 标签 价格 名称 评级 吗 div class filter list div
  • 如何使引导日期选择器只读?

    我正在努力创建嵌入式 内联日期选择器 它不可点击 它应该只显示日期 表现为只读 我正在做的是用模型中选定的日期填充日历 然后我尝试使其不可点击 这样用户就不会认为他可以编辑任何内容 我正在使用 eternicode bootstrap da
  • jQuery 从选择选项切换 div

    我需要从下拉选择选项框中切换 div 我想要它类似于汇编选择 http www ryancramer com projects asmselect examples example1 html对于 jquery 但我不想列出选项标签 而是希
  • 如何使用 javascript/jquery/AJAX 调用 Django REST API?

    我想使用 Javascript jQuery AJAX 在前端调用 Django Rest API 请求方法是 POST 但当我看到 API 调用它的调用 OPTIONS 方法时 所以 我开始了解access control allow o
  • Firefox Placeholder Before CSS 选择器不起作用

    我使用的是最新的firefox 30 0 我正在尝试在必填字段的占位符之前插入红色字体真棒星号 我在 Chrome 中工作没问题 但我在 FF 和 上遇到问题 这是一个说明我的问题的代码笔 http codepen io anon pen
  • 淘汰赛绑定,每个都可进行自定义

    我这里有一个情况 用于淘汰每个带有定制的绑定 这是我的代码 div div table tbody tr td td td td tr tbody table div div
  • 如何使用 jQuery 或 JavaScript 聚焦 或 标签?

    for var i 0 i

随机推荐

  • 从不同路径访问 PHP 会话变量

    我在 PHP 会话中遇到一个非常奇怪的问题 事实如下 创建会话变量代码 mydomain a b c create session php 读取会话变量 read mydomain a b c read session php 问题 当我从
  • PHP - 设置/模拟假日期

    我有一个有点奇怪的问题 是否可以在 PHP 中设置脚本运行时间的假日期 我使用的API使用时间段 例如当您发送请求获取一些数据时 您可以指定时间段 例如一个月 但这些时间段是固定的 它会返回从request time 1month到requ
  • C#中空字符串的sizeof

    在Java中 一个空字符串是40个字节 在Python 中它是20 个字节 C 中的空字符串对象有多大 我不能做sizeof 而且我不知道还能怎样找到答案 谢谢 是18字节 http www codeproject com KB dotne
  • 通过模型方法上的装饰器发出 Django 信号?

    我正在尝试做类似的事情这些建议的信号装饰器 http code djangoproject com ticket 9015 除了拥有一个将装饰方法连接到信号的装饰器 将信号的发送者作为装饰器的参数 之外 我还想在类方法上使用装饰器 我想像这
  • 图层暂停时更新 CALayer 位置是否存在问题?

    在暂停时阅读演示位置是否存在问题 我正在尝试暂停并恢复CALayer 一旦CALayer已暂停 我想用其当前的呈现位置更新图层的位置 当我尝试执行此操作时 一旦恢复图层 图层就会轻微闪烁 这是我用来暂停和恢复的代码CALayer 基于技术问
  • 如何在整个文件中进行列选择?

    Is there a way I can use the middle click or maybe Ctrl Alt Up to a particular column across all lines in a long file Cu
  • WCF 数据服务 (OData)、SetEntitySetPageSize 和自定义操作的问题

    我有一个WCF数据服务具有名为的自定义操作MostRecentFilms返回源中最新的 10 部电影 每部电影都有一个Year财产 默认设置一切正常 但是当我设置实体集的页面大小时 config SetEntitySetPageSize 1
  • 为什么 stringr 在操作字符串时要改变编码?

    有这种奇怪的行为stringr 这真让我烦恼 stringr在没有警告的情况下更改某些包含外来字符的字符串的编码 在我的例子中是 和其他一些 如果您str trim字符向量 那么那些带有外来字母的字符将被转换为新的编码 letter1 lt
  • LINQ 对匿名类型进行排序?

    在 linq to sql 中生成匿名类型时如何进行排序 Ex from e in linq0 order by User descending select new Id e Id CommentText e CommentText Us
  • 如何使用Powershell中的StreamReader类来查找和计算文件中包含的字符数?

    我是 powershell 新手 没有 net 经验 我有一个使用的脚本 get content select string pattern allmatches matches measure object查找并计算文件中的字符数 如果文
  • 将当前时间戳保存在共享首选项中

    我想做一个应用程序 而且我是android新手 我有10张照片 当我摇动手机时 我想每天以随机的方式显示这些图片中的一张 我编写了摇动代码并随机显示这些图片 但我无法每天显示其中一张 你能帮我看看共享偏好的代码是怎样的吗 public cl
  • 清除 SGS2 上的剪贴板 (api 10)

    我正在使用三星 Galaxy S2 并尝试了以下操作 import android text ClipboardManager ClipboardManager clipboard ClipboardManager context getS
  • Koin:如何降低模块的可见性(私有非导出模块)

    我正在使用 Koin 3 2 它具有新的模块包含功能 在里面官方文档 https insert koin io docs reference koin core modules linking modules strategies 在讨论模
  • Xcode 6.3.1 错误:等待获取模块“X”的锁定文件超时,其中“X”是我的框架

    我的工作区中有以下项目 Common Security 依赖于Common Data 依赖于Common Security and CoreData Api 依赖于Common Security Data MyApp 依赖于Common S
  • 错误状态:无法获取 DocumentSnapshotPlatform 上不存在的字段,Firebase Flutter

    我通过文档 ID 获取数据 但收到此错误 错误状态 无法获取 DocumentSnapshotPlatform 上不存在的字段 这是working 我可以通过文档 id 从 firebase 获取数据 但它在调试控制台中给出错误 我正在获取
  • 在外部启动类中配置服务时出错-Azure函数[关闭]

    Closed 这个问题是与编程或软件开发无关 help closed questions 目前不接受答案 我最近使用 azure devops 在 azure 上重新部署了一个应用程序 并进行了微小的更改 向模型添加了一个字段 在天蓝色功能
  • 在react中使用recoil.js,在类组件中不使用hooks

    我是反冲新手 我正在使用所有类别组件 这是我的后坐力状态 export const tokenState atom key tokenState default 如何在类组件中使用recoil并设置token 我用过RecoilRoot在应
  • 网格与画布

    我正在寻找有关在 WPF 中使用 Canvas 与 Grid 面板的意见 我需要制作基本具有网格布局的经典输入表单 有些可能内部有小型数据网格 组框 但全部在网格布局中对齐 我正在纠结是否为我的所有表单使用网格面板或画布面板 网格给了我良好
  • 如何在 ios-charts 中为 BarChartView 添加 XAxis 标签

    我添加了一个条形图 https github com danielgindi ios charts到故事板 但我无法正确设置数据条目的标签 这是我的代码 var names aaa bbb ccc ddd var values 230 0
  • 淡入和/或淡出占位符文本

    有没有办法淡入和淡出输入的占位符文本 我试过了 userBox webkit input placeholder animate color 888888 500 但这只是崩溃 如果您想在焦点时淡出 并在模糊时淡入 当输入框为空时 以下内容