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. 用 OnceAir 搭建个人Git/Svn/照片备份服务器,每年电费7块钱

 相关阅读 - 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去掉table的td单元格的间距cellspacing,设置隔行显示不同背景颜色
  2. 用JavaScript实现basename获取路径中的文件名
  3. 用纯CSS改变html radio/checkbox默认背景颜色样式
  4. CSS垂直水平完全居中手册
  5. 15个最好的HTML5前端响应式框架(2014)
  6. 我被问得最多的十个JavaScript前端面试问题
  7. 5个经典的前端面试问题
  8. 超简易——Bootstrap可关闭tab标签页
  9. CSS3实现的响应式字体:自适应视图窗口大小的新单位
  10. 用css禁用input、checkbox、select等html控件,实现disable效果

 欢迎订阅 - 技术周刊

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


 关注我们

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

ourjs官方微信号