关于input中placeholder样式的修改兼容性及iOS中设置disabled状态下仍有光标的问题(消灭bug④)

发布时间:2021-09-19 06:29:45

一、问题场景:


? ? 1.有时需按业务需求更改input中placeholder样式,但在移动端会存在相应的兼容性问题使设置不生效;


? ? 2.将input设置为disabled状态时,在移动端iOS中仍出现光标闪烁的问题


二、解决方案及关键代码:



input::-webkit-input-placeholder{
color: #cccccc;
-webkit-text-fill-color: #ccc;
opacity: 1;
-webkit-opacity:1;
}
input:disabled{
background: none;
color: #333;
-webkit-text-fill-color: #333;
opacity: 1;
-webkit-opacity:1;
}
input:disabled::-webkit-input-placeholder{
color: #cccccc;
-webkit-text-fill-color: #ccc;
opacity: 1;
-webkit-opacity:1;
}

相关文档

  • 精华大学英语作文300字集锦五篇
  • C语言指针作为函数返回值
  • webpack less-loader 的modifyVars配置方式
  • 2017工作总结及2018工作计划
  • 女人为什么会腰痛,女人腰疼是妇科病吗
  • linux诞生时间,Linux诞生与发展的历史背景
  • 眉毛中间长了痘痘的原因
  • 关于电信公司介绍信模板
  • 分享一个react + antd练手小项目
  • 2018北京互联网富豪排行榜:李彦宏居首,丁磊5亿之差屈居第二
  • 市场营销经理岗位的职责
  • 老舍草原分段段意
  • 企业法定代表人作用影响
  • 圣诞老人送礼物作文
  • 公务员个人思想工作自我总结
  • 喜欢一个人可以包容他所有缺点成语
  • 数字与能源,交织成新基建的摩比斯环
  • 手机经常跳出广告怎么办
  • C语言自定义类型??位段
  • 怎么跟客户催款
  • 订婚仪式媒人讲话稿
  • 出奇蛋的故事
  • 亚洲和非洲的分界线是什么
  • 初中生记忆力减退怎么办
  • c、c++ char*和wchar*互相转换
  • 关于元旦的演讲稿优秀范文
  • 把指定目录下的(包含子目录)的所有图片复制到另一个指定的目录下
  • 关于八一建军节作文(最新)
  • iOS学习之UIPickerView控件的简单使用
  • 8月23日是狮子座? 8月23日是什么星座
  • 猜你喜欢

  • 企业新产品推广计划案
  • 厦门极致方圆股权投资基金管理有限公司企业信息报告-天眼查
  • 进口食品营销策划书
  • 如何加强高校教师的媒介素养教育
  • 省级教育类期刊目录汇总
  • 专家提示淋巴结肿块发展缓慢多为炎症
  • 倪光南院士:国产系统两年内可替代Windows
  • 档案管理工作在医院发展中的作用
  • 公立医院固定资产管理中的问题及优化的研究
  • 桂林电子科技大学数字媒体技术专业毕业答辩PPT模板背景 优秀毕业论文答辩PPT范文模板
  • 氧气传感器在节能减排领域中的应用
  • 安全生产自评报告范例
  • 广州市置顺房地产中介有限公司企业信用报告-天眼查
  • Keep fit常识(纯手工超全)
  • Ubuntu18.04下Apache2配置多个域名的方法
  • 最新国际金融市场的发展趋势和特点分析
  • 点心烹饪方法
  • 青年奋斗励志短文
  • 超市采购员岗位职责精选范文
  • 2019版一年级语文下册第1单元识字一1春夏秋冬课堂课件新人教版【word版】.ppt
  • 小额贷款公司风险管理讲座3(1)
  • 质量是企业永恒的主题-质量安全月活动论文
  • 2012年一级建造师《建设工程项目管理》400句
  • 2020年五四青年节
  • 北京市一零一中学2018届高三3月月考数学(文)试题+Word版含答案
  • bootstrap中form-inline不生效
  • 雪花肥牛
  • 北京课改版语文七年级下册第24课《湖心亭看雪》ppt课件1
  • 【中小学资料】天津市蓟县2015-2016学年高二化学下学期期中试题(扫描版)
  • 2018春新目标九年级Unit13 Section B(2a-Self Check)课件
  • 2020-2021毕业论文答辩PPT模板68
  • 萝卜能跟莲藕同时炖牛肉吗
  • 沈阳鼎申商贸有限公司(企业信用报告)- 天眼查
  • 人教版2020高中物理 第一章 运动的描述 第五节 速度变化的快慢加速度课后*题05 粤教版必修1
  • 福建省厦门外国语学校2018_2019学年高二生物下学期期中试题文2
  • 青岛仁源经贸有限公司企业信用报告-天眼查
  • 牛客网剑指offer-用两个栈实现队列
  • 火灾作用下钢筋混凝土构件等效火灾荷载的计算
  • 贵州诚致未来科技有限公司(企业信用报告)- 天眼查
  • 个人知识管理在线工具介绍共29页PPT资料
  • 2019年中考英语一轮复*第一篇教材梳理篇课时训练09Units1_2八下练*冀教版360
  • 四川省凉山州2015年中考理综(化学部分)试题(WORD版,含答案)
  • 电脑版