OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

iPad/iPhone默认input按钮的disabled CSS样式不工作


分享到
分类 JS学习   关键字 前端   发布 kris  1456196545116
注意 转载须保留原文链接,译文链接,作者译者等信息。  
最近碰到一个问题,需要复写iPad/iPhone上面的disabled元素的样式,如下图所示



图片来源:stackoverflow 


尝试了这些CSS,一直无法成功:

.ipad input[disabled],
.ipad input:disabled,
.ipad input[disabled="disabled"] {
   color: #000 !important; 
   background: #fff !important;
}


最后看到这篇问答才发现,ipad/iphone改变的其实是颜色或背景的透明度,将其复写即可:

.ipad input:disabled {
   -webkit-text-fill-color: rgba(0, 0, 0, 1);
   -webkit-opacity: 1;
}

另外如果想要复写样button/select的默认按钮样式,可以使用以下CSS除去。

    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

社区评论 ( Beta版 )
OnceDoc 您自己的企业内容管理系统——文档、流程、知识库、报表、网盘All In One

访问404页面,寻找丢失儿童
 热门文章 - 分享最多
  1. NodeJS将有望使用微软的ChakraCore JavaScript引擎驱动
  2. 用HTML5原生实现拖放或排序
  3. ASP.NET 开发人员不必担心 Node 的五大理由
  4. 改变手机浏览器(iPhone/Android)上文本输入框的默认弹出键盘(数字)
  5. 使用Node.js操作跨平台数据库Firebird
  6. Express入门教程:一个简单的博客
  7. Array及String的lastIndexOf函数用法及其IE8实现,及为什么要尽量避免使用for in
  8. 如何用CSS将select/option文本居中或居右对齐
  9. IBM宣布向Node.js基金会捐赠Express Framework
  10. 美国程序员低价雇中国人替其编程被解雇
  11. AirJD-简单好用的免费建站工具

 相关阅读 - JS学习
  1. Array及String的lastIndexOf函数用法及其IE8实现,及为什么要尽量避免使用for in
  2. Express入门教程:一个简单的博客
  3. 用HTML5原生实现拖放或排序
  4. 如何用CSS将select/option文本居中或居右对齐
  5. 改变手机浏览器(iPhone/Android)上文本输入框的默认弹出键盘(数字)
  6. 掌握Node.js的文件系统[File System 基础]
  7. JavaScript也有getter/setter方法:ES5 Object对象的5个不为人知的特性
  8. ES6中的Map与JSON的相互转化(序列和持久化)
  9. 用jQuery和JavaScript深度复制JSON对象的方法
  10. Node.js中的通用基础设计模式

 关键字 - 前端
  1. 用纯css改变下拉列表select框的默认样式
  2. 我们抛弃了AngularJS:单页面应用的5大缺陷
  3. 5个经典的前端面试问题
  4. 我被问得最多的十个JavaScript前端面试问题
  5. CSS3实现的响应式字体:自适应视图窗口大小的新单位
  6. 超简易——Bootstrap可关闭tab标签页
  7. AngularJS在大型单页面应用中的性能优化(一)
  8. 什么是Viewport Meta(width详解)及在手机上的应用
  9. Animate.css让添加CSS动画像喝水一样容易
  10. 用纯CSS停止冒泡和阻止浏览器默认行为及事件响应,达到禁用(disable)的目的

 欢迎订阅 - 技术周刊

我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私,您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐,探索技术, 发现IT人生的乐趣;


 关注我们

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号