CSS3 改变空格作用 -webkit-nbsp-mode 去掉点击框 -webkit-tap-highlight-color

最新推荐文章于 2024-05-31 23:54:51 发布

转载最新推荐文章于 2024-05-31 23:54:51 发布 · 886 阅读

本文介绍了两个特殊的CSS属性：-webkit-nbsp-mode 和 -webkit-tap-highlight-color。前者用于控制空白符的行为并影响文本断行方式；后者则允许开发者自定义iOS设备上链接点击时的高亮效果。

-webkit-nbsp-mode

换行有时是很棘手的事情：有时你希望文字在适当的地方断行(而不是折行)，有时你又不想这样。一个能控制这个的属性就是-webkit-nbsp-mode，它让你可以改变 空白符的行为，强制文字在它被用到的地方断行。通过设置值为space即可实现。

-webkit-tap-highlight-color

这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。

想要禁用这个高亮，设置颜色的alpha值为0即可。

示例：设置高亮色为50%透明的红色:

-webkit-tap-highlight-color: rgba(255,0,0,0.5);

浏览器支持: 只有iOS(iPhone和iPad).

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

EJRoxy

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

浅析CSS3中鲜为人知的属性：-webkit-tap-highlight-color

09-24

`-webkit-tap-highlight-color`的作用是设置在触摸设备上，当用户点击一个链接或JavaScript定义的可点击元素时，元素所显示的半透明背景颜色。默认情况下，这个背景通常是半透明的灰色。如果你希望改变这一行为，...

windows虚拟网卡适配器tap-windows-9.21.1.exe

11-13

虚拟网络适配器TAP-Windows Adapter V9下载、windows虚拟网卡适配器下载

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

CSS3 改变空格作用 -webkit-nbsp-mode

JJumper.Wang

07-20

655

-webkit-nbsp-mode 换行有时是很棘手的事情：有时你希望文字在适当的地方断行(而不是折行)，有时你又不想这样。一个能控制这个的属性就是-webkit-nbsp-mode，它让你可以改变&nbsp;空白符的行为，强制文字在它被用到的地方断行。通过设置值为space即可实现。 ...

去掉空格

kateLi的专栏

07-09

770

无标题文档 window.onload=function() { var aInput=document.getElementsByTagName("input"); var oT=aInput[0]; //去掉左空格： function trimL(str) { var reg=/^\s+/; return str.replace(reg,'')

【html5/css3】Html中的空格符

Umbrella_Um的博客

03-11

1023

1、Html中空格 &nbsp;   不断行的空白（1个字符宽度） &ensp;   半个空白（1个字符宽度） &emsp;   一个空白（2个字符宽度）     窄空白（小于1个字符宽度） 2、css 的方式空格 ① CSS中当 white-sp...

css3 中选择器间有空格与没空格的区别？

金木AI

05-31

855

2、没有空格的选择器：没有空格通常表示一个复合选择器，它选择的是同时符合所有选择器条件的元素。常见的复合选择器包括直接子选择器、兄弟选择器和属性选择器。这个选择器表示选择所有 div 元素内部的 p 元素，无论 p 元素是在 div 的直接子级还是更深的子级。没有空格：通常用于复合选择器，表示选择同时符合多个条件的元素，如直接子选择器、兄弟选择器和属性选择器。这个选择器表示选择所有 div 元素的直接子级 p 元素。空格：表示后代选择器，用于选择某个元素的所有后代元素。

div之float,clear特性

阿瞒--治国之能臣乱世之奸雄

04-02

1246

在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。看下面的例子： HTML4STRICT代码： TEST DIV TEST DIV TEST DIV TEST

-webkit-tap-highlight-color

最新发布

08-15

3. **与 `-webkit-appearance` 的区别**：`-webkit-appearance` 主要用于去除某些表单控件的默认样式（如 `input` 或 `button`），而 `-webkit-tap-highlight-color` 专门用于控制点击时的高亮背景。两者用途不同，...

css 消除浏览器基本样式（项目中）

259的博客

12-30

287

消除浏览器基本样式 css（项目中）

css3不为人知的高级属性

bell123987的专栏

01-21

850

图片蒙板: 1 2 3 4 .element{ background: url(img/image.jpg) repeat; -webkit-mask: url(img/mask.png); } 渐变蒙板: 1 2 3 4 .element2 { background: url(img/

css加空格的方法,css如何加空格

weixin_36341500的博客

08-04

1万+

在css中，可以利用伪元素“:before”和“:after”来在元素内容前或元素内容后添加空格，语法格式“元素:before {content: "　";}”或“元素:after {content: "　";}”。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。在css中，可以利用伪元素“:before”和“:after”来在元素内容前或元素内...

css3选择器空格问题

幻想家

05-15

1028

<body> <style type="text/css" media="screen"> p :hover{ background-color:green; } </style> </body>选择器空格问题如上：”

css3中空格和>的区别

weixin_30654583的博客

03-29

196

A>B 表示选择A元素的所有子B元素。与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。 A+B表示HTML中紧随A的B元素(A与B是同级元素)。转载于:https://www.cnblogs.com/chooper/p/6638008.html...

CSS3知识点精学

STATICHIT静砸的博客

12-28

1008

CSS知识点精学1，之前学习html+css+JavaScript时比较仓促，基本是过了一遍基础之后，用到什么学什么，难免会漏掉很多细碎的知识点，写界面的时候也不太流畅，然后准备花费几天时间细致的重新学一遍，学了一半就感觉写样式顺畅了很多

CSS中webkit属性的简单使用

康荣龙的一亩三分地儿

01-06

7843

今天遇见CSS中的-webkit-tap-highlight-color，不懂，故查阅CSS的webkit属性以记之。说明: 对于WebKit属性，”WebKit” 即指代使用Webkit内核的浏览器(Safari、Chrome、iPhone、iPad、Android等) WebKit特有属性 -webkit-tap-highlight-color 这个属

如何去除&nbsp;或去除空格;(终极篇)

qq7758521fang的博客

05-14

1万+

1.取得相应的字符串2.首先需要去除&nbsp;3.然后再去除空格 String bb=clwbz.replaceAll("&nbsp;", ""); String cc=bb.replaceAll("\\s*", ""); System.out.println("cccccccccc===="+cc);...

php 去除所有& nbsp和html标签（& nbsp 换行）