移动端h5<a>标签点击样式去除

最新推荐文章于 2023-04-25 16:50:38 发布

weixin_30826095

最新推荐文章于 2023-04-25 16:50:38 发布

阅读量413

点赞数 1

原文链接：http://www.cnblogs.com/fnncat/p/5972391.html

版权

把点击高亮部分设为transparent就可以了。

-webkit-tap-highlight-color:transparent;

转载于:https://www.cnblogs.com/fnncat/p/5972391.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30826095

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

H5移动端点击事件穿透问题解决

AIGC大前端小王子

08-03

9650

最近有遇到前端事件点击穿透的问题，拿来跟大家分享一下。 1.问题描述：情景一：蒙层点击穿透问题，点击蒙层（mask）上的关闭按钮，蒙层消失后发现触发了按钮下面元素的click事件。情景二：跨页面点击穿透问题：如果按钮下面恰好是一个有href属性的a标签，那么页面就会发生跳转。情景三：另一种跨页面点击穿透问题：这次没有mask了，直接点击页内按钮跳转至新页，然后发现新页面中对应...

记一次移动端H5开发所遇到的问题与细节,以及ios兼容

想飞的猪的博客

09-14

3958

第一次弄移动端H5项目开发，虽然是简单的页面展示，但也遇到了很多细节问题与兼容问题，尤其是h5视频标签video, 一.移动端禁止缩放兼容 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> 主要属性是user-sca...

参与评论您还未登录，请先登录后发表或查看评论

H5中取消a标签在点击时的背景颜色的方法

11-19

1、取消a标签在移动端点击时的蓝色 a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; } 2、使用图片作为a标签的点击按钮时，当触发touchstart的时候，往往会有一个灰色的背景 a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0);

html标签默认样式去除大全

heerey525

12-12

2万+

1、全局去除默认样式 *{padding:0;margin:0;box-sizing: border-box;font-size: 14px;} 2、a标签去除默认样式 a{text-decoration: none;color:#333;} a:hover, a:visited, a:link, a:active { color:#333; // 设置使所有a标签...

从零开始前端学习[5]:关于html5默认标签样式的介绍以及定义清除

章飞 _906285288的博客

09-17

1097

关于html5默认标签样式的介绍以及定义清除默认样式介绍清除默认的样式提示博主：章飞_906285288 博客地址：http://blog.csdn.net/qq_29924041 默认样式介绍先来看代码，看效果<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>标签的默认样

html 去除点击效果,怎样去掉a标签点击时的虚线边框

weixin_39926040的博客

06-03

1213

有的浏览器如Firefox，在a标签(链接)点击后会留下一个虚线边框，影响美观，如下图所示：我们如果想a标签(链接)在点击后不要留下虚线边框，要怎么做呢？其实，我们可以从css来设置，达到要求。css代码如下：a {outline:none;}代码解释，给a标签定义一个 outline:none; 的属性，是告诉a标签不要外部边框。CSS outline 属性定义和用法outline (轮廓)是绘...

去除移动端a标签点击样式

lowers_sunshine的博客

08-08

4045

一、a{outline:none；-webkit-tap-highlight-color: rgba(0,0,0,0);} -webkit-tap-highlight-color是ios和android下点击元素时出现的阴影,-webkit-tap-highlight-color: rgba(0,0,0,0);可以将该阴影透明化，进而解决问题二、去除默认select样式

iOS移动端(H5)alert/confirm提示信息去除网址(URL)

09-01

在iOS移动端的HTML5（H5）应用中，开发者可能会遇到一个特定的问题，即在使用`alert`或`confirm`函数进行用户交互时，系统会在提示信息上方显示当前页面的URL地址。这可能会对用户体验造成干扰，特别是对于追求简洁...

移动端h5框架自适应_最佳移动端h5自适应rem适配方案

weixin_42382398的博客

01-14

1275

一、利用lib-flexible、postcss-plugin-px2rem插件进行移动端rem适配。1、第一引入lib-flexible .安装lib-flexible：　　npm i lib-flexible --save-dev在项目的入口main.js文件中引入lib-flexible:import 'lib-flexible'，在index.html中是否去掉metaname=...

移动端h5图片加载问题，预加载、div标签替换img

莉兹Liz的博客

12-17

1581

在开发移动端h5时遇到图片加载不出来的问题，分为大图片和小图片（打包base64区分）大图片加载解决办法：reload预加载小图片加载解决办法：div标签替换为img标签特殊情况： div标签按钮有点击动效，即按下按钮时active替换为另一张图片按钮点击动效 .game-btn { position: absolute; width: 180px; height: 180px; margin-top: 280px; backgro

移动端去除a标签默认点击高亮

x_xiNan9416的博客

10-02

918

a { text-decoration: none; -webkit-tap-highlight-color: transparent; }

取消移动端a标签点击变色

weixin_30550081的博客

05-05

715

在做移动端开发时，发现a标签点击时，背景色会发生变化。当网页在PC端运行时没有该问题发生。经过上网搜索，找到了解决问题的一行代码。加上此代码后，问题就解决了。给整个html加上下列标签。 -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-user-select:none; -moz-user-foc...

CSS | 一文搞定去除a标签的所有样式

热门推荐

adley_function的博客

08-05

12万+

我们在平时a标签里面嵌套一些字体图片，这是很常见的。但是我们并不需要点击时候a标签里面的字体变色。这个小知识点，很简单：css样式: a{ text-decoration:none; color:#333; } 记住这个color一定要写这样你再点击的时候字体就会是这个color的颜色。

清除所有a标签在点击时出现的特效

gxhpersonal的博客

11-14

3049

清除所有a标签在点击时出现的特效：a{ -webkit-tap-highlight-color:rgba(255,0,0,0);}

用css去掉a标签点击时的默认背景色

HY_358116732的博客

05-03

5447

我们在写移动端html页面时，经常用a标签写成按钮，但是点击用a标签写成的按钮时，有默认的背景色，如果我们不想要这个默认背景色怎么办？以下提供几种方法供大家参考：取消a标签在移动端点击时的蓝色：-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-mo...

html中a标签点击去掉高亮背景

niulijieniu的专栏

06-22

1万+

a标签默认点击的时候会有个高亮的背景色，要把这个去掉只需要给a标签设置css样式： -webkit-tap-highlight-color:rgba(0,0,0,0);

移动端前端自适应响应式H5模板源码

- 结构化标记：使用了新的HTML5标签，如 <header>、<footer>、<section>、<article> 等，来提供更清晰的文档结构。 - 语义化代码：让内容的意义更加明确，有利于搜索引擎优化（SEO）和辅助技术（如屏幕阅读器）的...