取消a标签在移动端点击时的背景颜色 && 去除ios手机端input输入框上方有阴影
2017-11-20 16:39
465 查看
一、取消a标签在移动端点击时的蓝色
二、使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景
三、改变选中内容的背景颜色
四、在IOS下,input 和textarea表单默认会有个内阴影,一定程度上影响视觉一致,可通过设置下面代码去掉:
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;
二、使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景
a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: none; text-decoration: none; }
三、改变选中内容的背景颜色
::selection { background: #eee; color: #666; }
四、在IOS下,input 和textarea表单默认会有个内阴影,一定程度上影响视觉一致,可通过设置下面代码去掉:
-webkit-appearance:none; /*去除input默认样式*/ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /*去除点击高亮的颜色*/
相关文章推荐
- css取消a标签在移动端点击时的背景颜色(转载)
- iOS 点击cell改变背景颜色或者图片&&cell中其他部分取消高亮显示
- 在移动端a、input、label等标签点击后会出现背景阴影问题
- 移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
- IOS移动端点击阴影如何去除?
- 移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c
- 解决安卓与IOS点击效果兼容(去除移动端Ios点击阴影 )
- 去除ios系统a标签点击时的灰色背景
- select下拉框、input输入框在IOS中背景变黑、出现阴影
- 手机端点击按钮阴影 ios输入框阴影解决方法
- css相关,鼠标点击<input>输入域后出现有颜色的边框
- iOS 自定义Tabbar 改变点击背景颜色
- 【微信小程序教程】点击按钮修改view标签背景颜色
- 移动端去掉a标签点击时出现的背景
- 常见input输入框 点击 发光白色外阴影 focus
- iOS 去掉导航栏的边界黑线&去掉搜索框的边界黑线和其中文本输入框的阴影 - 解决方案
- input标签添加上disable属性在移动端字体颜色不兼容的解决办法。
- input标签获取焦点时文本框内提示信息清空(并且变换文本框背景颜色
- H5页面,iOS以及部分Android手机链接a等标签点击的时候,会有阴影,怎么解决?
- 【iOS开发-39】为什么按钮点击时背景图片颜色灰蒙蒙的?与按钮的Type属性有关