首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CSS3去除移动端点击元素时产生的高亮背景色

CSS3去除移动端点击元素时产生的高亮背景色 做了一段时间的移动端项目了,碰到了一个顽固的BUG: 即点击一个icon元素的时候,发现底部会有一块蓝色的高亮。...最终,只用了一小段的css代码就解决了 tap-highlight-color (移动端上)有事件监听的元素被点击的时候会被高亮显示,比如我的android上表现为一个蓝框加上半透明的背景,这有时候会和我本来的样式格格不入...以下是对应的 CSS 代码: tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; 这个属性是用于设定元素在移动设备...(如Adnroid、iOS)上被触发点击事件时,响应的背景框的颜色。...想要禁用这个高亮,设置颜色的alpha值为0即可。 也可以通过rgba设置颜色,例: -webkit-tap-highlight-color: rgba(255,0,0,0.5);

31310
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WEB入门之十四 jQuery事件

    图5.1.10 hover事件 5.3.2 toggle事件 该事件用于模拟鼠标的连续单击事件,第1次单击时触发第1个函数的执行;第2次单击时触发第2个函数的执行;第n次单击时触发第n个函数的执行。...下面我们实现一个表格中的行在鼠标单击时改变背景色的示例,首先通过bind实现,参考代码如下所示。...,同时给所有的行绑定了鼠标单击事件,用来实现背景色的改变。...添加过两个商品后,表格中一共有3行数据,第1行是原本存在的,后两行是动态创建并添加到表格上的。现在单击表格中的行,我们会发现只有第1行的背景色可以改变,后两行的背景色没有改变。...把bind换成live后,表格中的任何一行在单击时都可以改变背景色,包括动态创建的行。

    8110

    WEB入门之十四 jQuery事件

    图5.1.10 hover事件 5.3.2 ​toggle事件​ 该事件用于模拟鼠标的连续单击事件,第1次单击时触发第1个函数的执行;第2次单击时触发第2个函数的执行;第n次单击时触发第n个函数的执行...下面我们实现一个表格中的行在鼠标单击时改变背景色的示例,首先通过bind实现,参考代码如下所示。...,同时给所有的行绑定了鼠标单击事件,用来实现背景色的改变。...添加过两个商品后,表格中一共有3行数据,第1行是原本存在的,后两行是动态创建并添加到表格上的。现在单击表格中的行,我们会发现只有第1行的背景色可以改变,后两行的背景色没有改变。...把bind换成live后,表格中的任何一行在单击时都可以改变背景色,包括动态创建的行。

    12910

    WPF 使用 Microsoft.Toolkit.Wpf.UI.Controls 的 InkCanvas 时加上背景色和按钮方法

    本文来告诉大家如何在 WPF 应用 HOST 了 UWP 的 InkCanvas 控件时,给 InkCanvas 控件设置背景色,加上按钮等业务功能的实现方法 在上一篇博客有告诉大家如何在 WPF 里面使用上...包,请参阅 WPF 引用 UWP 控件 不打包为 MSIX 分发的方法 在开始之前,需要了解的是 UWP 的 InkCanvas 控件是没有背景色这个属性的,也就是说 UWP 的 InkCanvas 控件需要依靠外层的容器或者背后的元素给的颜色作为背景色...UWP 的控件挡住 因此为了给 UWP 的 InkCanvas 控件加上背景色,就需要采用在 WPF 里面 HOST 自定义的 UWP 控件的科技。...UWP 的项目,其中一个是 UWP 的空白应用项目,另一个是 UWP 的控件项目。...InkCanvas 控件添加背景色的方法上,在新建的 UWP 控件项目里面,添加一个自定义的控件,如 CustomInkControl.xaml 控件 在这个控件里面的 XAML 添加如下代码 <UserControl

    2.2K20

    Word VBA实战应用:给文本添加屏幕提示

    '如果指定的字符会包含在屏幕提示文本中, '那么将该字符更改为屏幕提示文本中不使用的字符....." & vbCr & vbCr & _ "转换所选文本为超链接." & _ "为了当用户单击超链接时保持所选内容不变,将在超链接自身添加书签并且超链接将被定义到转向该书签...." & _ "对超链接文本应用背景色, 以便使用户容易识别包含屏幕提示的文本." & vbCr & vbCr & _ "请输入用户鼠标放置在所选文本上时你想显示的屏幕提示文本...此时,当用户将鼠标悬停在所选文本上时,输入的文本将显示在屏幕提示中。文本也应用了指定的背景色,以便于用户容易识别包含有屏幕提示的文本。...而正常的超链接样式将自动从超链接中删除,以便用户可以将屏幕提示超链接与普通超链接区分开来。如果需要,可以更改程序中背景色的颜色。

    1.8K20

    更改Linux终端颜色主题【Linux-Command line】

    在“Preferences”中,单击“配置文件”旁边的加号“+”,以创建新的主题配置文件。 在新的配置文件中,单击“颜色”选项卡。...当没有其他设置(例如dircolors命令的设置)覆盖前景色时,默认颜色色板将同时定义前景色和背景色。 调色板设置由dircolors命令定义的颜色。...终端以LS_COLORS环境变量的形式使用这些颜色,以将颜色添加到ls命令的输出中。 如果它们对你不具有吸引力,请在此屏幕上进行更改。 当你对主题感到满意时,请关闭“Preferences”窗口。...要将终端更改为新的配置文件,请单击“应用程序”菜单,然后选择“配置文件”。 选择新的个人资料并享受你的自定义主题。...两个明显的选项是前景色和背景色,分别由“-fg”和“-bg”定义。 每个选项的参数是颜色名称,而不是其ANSI编号。

    9K00

    jQuery选择器大全(48个代码片段+21幅图演示)

    本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍,也列举出了一些需要注意和区分的地方。 一、基本选择器 1. id选择器(指定id元素) 将id="one"的元素背景色设置为黑色。...$(document).ready(function () { $('tr:eq(2)').css('background', '#FF0000'); }); 更改第三行的背景色...例如x = 3, y = 0时就是3n,表示取第3n个元素(n>=0)。实际上xn+y是上面两种的通项式。...(当x=0,y>=0时,等同于:hth-child(x);当x=2,y=0时,等同于nth-child(even);当x=2,y=1时,等同于:nth-child(odd)) 下面的两个例子是针对2)和...) 下面的代码,更改边框或背景色仅在IE下有效果,chrome和firefox不会改变,但是alert都会弹出来。

    5K80

    html表格菜鸟教程_exls表格

    背景色&图片(bgcolor & background) 5.2.1 单元格背景色&图片 5.2.2 表格背景色&图片 5.3 单元格的边距(cellpadding) 5.4 单元格间的距离(cellspacing...当表格需要标题时,使用表格标题 3 定义表格的页眉 4 定义表格的主体 5 定义表格的页脚 6 定义表格的表头...合并单元格 合并单元格时,合并行使用:colspan=“2”; 合并列使用:rowspan=“2” (这里的 ‘2’ 表明合并两个单元格),举例如下: 4.1 合并行单元格(colspan) 背景色&图片(bgcolor & background) 添加背景色使用:bgcolor 添加背景图片使用:background 5.2.1 单元格背景色&图片 在单元格的标签上增加 bgcolor 或者...table> 上述代码效果: 5.2.2 表格背景色&图片 在表格的标签上增加bgcolor 或者 background,就可以添加背景色或者背景图片,以背景图片为例; <table width=

    8.1K20

    【Web前端】CSS 样式化表格

    表格在网页设计中扮演了重要角色,尤其是在展示数据和信息时。尽管 HTML 表格提供了结构化的数据展示,但要使其看起来既美观又实用,CSS 样式化至关重要。...二、样式化我们的表格 1、基本样式 为了让表格看起来更加美观,我们可以使用 CSS 来设置表格的边框、背景色、文本对齐方式等基本样式。 示例: 基本表格样式 tr> 我们对表格应用了一些基本的样式:边框、内边距、背景颜色和交替行的背景色,...另外还添加了悬停效果,以便在用户将鼠标悬停在行上时,背景色会有所变化。...添加一个行样式,当成绩低于 60 时,该行背景色为红色;当成绩在 60 到 80 之间时,背景色为黄色;当成绩在 80 以上时,背景色为绿色。 示例代码: <!

    8810

    iOS Programming – 触摸事件处理(2)

    不管时一个手指还是多个手指,轻击操作都会使每个触摸对象的tapCount加1,由于上面的例子不需要知道具体触摸对象的位置或时间等,因此可以直接调用touches的anyObject方法来获取任意一个触摸对象然后判断其...轻击操作很容易引起歧义,比如当用户点了一次之后,并不知道用户是想单击还是只是双击的一部分,或者点了两次之后并不知道用户是想双击还是继续点击。为了解决这个问题,一般可以使用“延迟调用”函数。...,而是通过performSelector:withObject:afterDelay:方法设置2秒中后更改。...,因此在第一次点击的时候,设置背景色的方法已经启动,在检测到双击的时候先要把先前对应的方法取消掉,可以通过调用NSObject类的cancelPreviousPerformRequestWithTarget...:selector:object方法取消指定对象的方法调用,然后调用双击对应的方法设置背景色为红色。

    93770
    领券