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

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(使用前将#替换为@)

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

  • 如何删除除任何特定 id 之外的元素

    假设有一个父 id 其中包含许多元素 我想删除除一个元素之外的所有元素 ex parent id children not id n remove
  • 点击加载谷歌地图

    我想在单击链接后显示 Google 地图 我已经尝试过以下方法 当点击链接时 然后 Insert div与 id 链接后map 使用 jQuery 方法 getScript 加载 Google Maps API 添加谷歌地图到div带身份证
  • Instagram 粉丝计数 - 使用 jQuery / json 和 PHP

    经过几个小时的工作和一些帮助萨希尔 米塔尔我们已经成功使用 jQuery json 和 PHP 检索 Instagram 关注者计数 这是我们设法整理的内容 希望对其他想要获取 Instagram 信息的人有所帮助 我们的 jQuery I
  • javascript 选择自定义光标 (svg)

    我正在动态地将光标更改为悬停时的本地 svg element on mouseover function this css cursor url svgs pointer svg 9 30 auto 工作正常 但我想选择该 svg 来操纵其
  • onclick 事件中未调用函数

    我想在每个 YouTube 链接的末尾添加一些 HTML 以在 litebox 中打开播放器 到目前为止 这是我的代码 document ready function var valid url new RegExp youtube com
  • 覆盖 jQuery 验证 MVC4 中的默认设置

    要覆盖查询验证插件 请在文件 http docs jquery com Plugins Validation validate toptions 推荐的方式是 selector validate invalidHandler functio
  • 没有输入的 jQuery 日期选择器

    我有一个相当复杂的网络应用程序 我想向其中添加一些日期选择 UI 我遇到的问题是我无法从文档中弄清楚如何真正控制日期选择器的出现方式和时间 不涉及任何表单元素 不 我不会添加秘密表单字段 因此简单的开箱即用方法根本行不通 我希望有人可以提供
  • 如何使用 jquery 拖动文本区域和输入

    我在用jQuery UI draggable拖动元素 但它似乎不适用于文本区域和输入 因为每当我单击它们时它们就会聚焦 这里有一个JSbin 演示 http jsbin com ICEYaZor 1 edit html js output的
  • 如何动态地将 &autoplay=1 添加到 youtube 嵌入代码?

    这是我网站上的 YouTube 嵌入代码示例
  • jQuery:离线后 POST 出错(iOS 和 Chrome)

    我构建了一个具有离线功能的 HTML5 Web 应用程序 使用 AppCache 程序流程为 Online 在网络上时 应用程序预加载一些基本信息 工作 Offline 用户拿着装有应用程序的平板电脑offline 然后在应用程序上执行他们
  • 用户脚本 - 有没有办法将 jquery 代码注入 angularjs dom?

    所以我正在尝试为一个网站创建用户脚本 我无法更改网站的任何源代码 因为它不是我的 网站到处都使用 AngularJS 控制器 我研究了几天如何做到这一点 但没有成功 所以我尝试注入代码 nav after div test div 当我通过
  • Masonry - imagesLoaded - 不是函数

    Masonry and imagesLoaded应加载并正常工作 已经制作了一个类似的网站 并且可以正常运行 我不知道我的问题出在哪里 所以我希望你能看到问题所在 应该是少了点什么 在 Chrome Inspect 中 我收到以下错误 Un
  • 获取 FileReader() 的结果对象

    有什么方法可以在不通过函数的情况下获取 FileReader 的结果对象 我在下面制作了示例代码 HTML br br br div div JS var code lorem ipsum input type file change fu
  • 暂停除了已激活的玩家之外的所有其他玩家。

    我有这个插件 它可以将不同的样式应用于 html5
  • jQuery Dialog 和 Datepicker 插件出现问题

    我有一个对话框 对话框上有一个日期选择器字段 当我打开对话框并单击日期选择器字段时 日期选择器面板显示在对话框后面 我尝试了更多属性 z索引 堆栈 大框架 但没有成功 有人可以帮助我吗 Tks 旧答案 z index 注意连字符 是重要的属
  • Bootstrap按钮加载+Ajax

    我正在使用 Twitter Bootstrap 的按钮加载状态 http twitter github com bootstrap javascript html buttons http twitter github com bootst
  • 防止 iOS 键盘在 cordova 3.5 中滚动页面

    我正在使用 Cordova 3 5 和 jQuery mobile 构建 iOS 应用程序 我在大部分应用程序中禁用了滚动功能 但是 当我选择输入字段时 iOS 键盘会打开并向上滚动页面 我不想要这个功能 由于输入足够高 键盘不会覆盖它 我
  • Jquery 数据表列总和

    我只是参考一下这个链接 https datatables net examples advanced init footer callback html了解如何获取 jquery 数据表中的列总计 但我已经完成了一半的项目 我在html页面
  • 使用 Jquery 清除 5 个空 TD

    我有一个正在填充的动态表 我知道我不应该这样做 但是你会如何连续找到 5 个空 TD 并隐藏它们呢 因此 如果行包含 5 个空 TD 则不显示 TD 我想删除每个实例 td td td td td td td td td td 在 DOM
  • DataTables row.add 到特定索引

    我正在替换这样的行项目 var targetRow entity row dataTable targetRow closest table dataTable DataTable dataTable row targetRow remov

随机推荐

  • 从不同路径访问 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 但这只是崩溃 如果您想在焦点时淡出 并在模糊时淡入 当输入框为空时 以下内容