8 个答案:

答案 0 :(得分:54)

你做不到。 CSS是一种表示语言。它不是为了添加内容而设计的(:before和:after非常简单。)

答案 1 :(得分:51)

嗯,虽然实际上无法更改title属性,但可以完全从css中显示工具提示。

您可以在http://jsfiddle.net/HzH3Z/5/检查工作版本。

你可以做的是设置标签的样式:在选择器之后并给它display:none,并从css设置它的内容。然后,您可以将display属性更改为display:block on label:hover:after,它将显示。

像这样:

label:after{

content: "my tooltip";

padding: 2px;

display:none;

position: relative;

top: -20px;

right: -30px;

width: 150px;

text-align: center;

background-color: #fef4c5;

border: 1px solid #d4b943;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

-ms-border-radius: 2px;

border-radius: 2px;

}

label:hover:after{

display: block;

}

css屏蔽title,从css添加title属性相关推荐

  1. css如何设置背景图片?background属性添加背景图片

    在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...

  2. css超出一行添加省略号属性

    css超出一行添加省略号属性:text-overflow和white-space 转自:http://caibaojian.com/css-white-space.html 通过使用text-over ...

  3. html自定义标签提示,用简单的jquery+CSS创建自定义的a标签title提示tooltip_HTML/Xhtml_网页制作...

    简介 用简单的jquery+CSS创建自定义的a标签title提示,用来代替浏览器默认行为.如图: Javascript代码 代码如下: $(function() { $("a[title] ...

  4. jq添加标签属性_前端-jq创建标签/添加属性/css属性

    jq创建标签 var ptag = $(' '); jq添加属性如href,id,class,name等 $('#content').attr('class/id/name/href', 'activ ...

  5. CSS(一):CSS概述、CSS引入方式、CSS优先级、CSS代码格式、CSS属性;CSS选择器;尺寸和颜色单位、背景和文本设置

    目录 一.CSS 1.1 CSS概述 1.1.1 定义 1.1.2 特征 1.1.3 组织网页的两种常用方式 1.2 引入CSS的四种方式 1.2.1 Style属性方式(内联样式) 1.2.2 St ...

  6. html css before,详解 CSS 属性 - :before :after

    现在我们经常在 html 源码中看到如下的写法: 这里的 ::after 和 ::before 就是我们今天来探讨的 css 伪元素之二 - :before && :after. 伪元 ...

  7. HTML笔记——④css样式表、选择器、常用属性

    HTML笔记--④css样式表.选择器.常用属性 一 CSS 1.1 CSS语法 1.2 CSS样式表 1.2.1 内部样式表 1.2.2 外部样式表 1.2.3 行内样式表 1.3 CSS常用属性 ...

  8. 阿ken的HTML、CSS的学习笔记_文本样式属性(笔记三)

    前段时间国庆中秋那会儿学校放八天假 几乎所有人都选择回家或者是出去玩儿 而我选择留在学校这边儿 找一个晚七到早七的兼职去警醒一下浑浑噩噩的自己 整栋宿舍楼就剩下我和我的一个舍友 虽不过十月深秋 却让人 ...

  9. 前端与移动开发-----CSS(语法规范+基础选择器+文本属性)

    CSS css简介 1,CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.. 2,有时我们也会称之为 CSS 样式表或级联样式表. 3,CSS 是也是一种标记语言 . ...

  10. css的基本操作学习--css样式,选择器,hover,文字属性,文本属性,背景

    什么是css? 通配符选择器 <head>/* *通配符选择器 匹配任何元素 */*{margin: 0;padding: 0;} </head> css样式有三种 一种是内嵌 ...

最新文章

  1. python实现ssh登录send_Python实现ssh批量登录并执行命令
  2. DNA RNA 蛋白质
  3. mysql中b树索引_Mongo和Mysql中的B树索引
  4. 通用的MIME类型:application/octet-stream
  5. 基于链路思想的SpringBoot单元测试快速写法
  6. [jQuery基础] 初识jQuery
  7. js中 switch 注意事项
  8. python坐标系 向量分量_关于Python中的向量相加和numpy中的向量相加效率对比
  9. cad2010多个文件并排显示_cad2010如何设置 使一个窗口打开多个文件,并排显示(和360浏览器类似的并排缩略)...
  10. Vue使用Emoji表情
  11. 虚拟机安装教程win7_虚拟机安装系统教程
  12. 使用python(pydicom)读取Dicom文件并且转换成png
  13. UI设计规范有哪些?| 萧蕊冰
  14. 华硕WL-167G USB 无线网卡ARM移植 (2:配置: 版本RT.1036 )
  15. 中小企业ERP项目需要顾问吗?
  16. ps基础教程新手入门第一篇:ps界面的介绍
  17. Python实现十进制转换为二进制(递归实现)
  18. 配置文件加密(Jasypt的简单使用)
  19. 带你轻松看懂机器学习工作流——以“点一份披萨外卖”为例
  20. 用php设计考试论坛,基于PHP的考研论坛系统的设计与实现

热门文章

  1. n!阶乘末尾有多少个零0
  2. 【PDF转换电子书】云展网教程 | 如何进入云展网展厅的书籍详情链接和书本链接?
  3. 如何控制客户端访问oracle9i的ip地址
  4. FPGA云原生 Mailbox通信
  5. 服务器2003系统安装office,如何在系统中配置Microsoft Office Word 2003?
  6. Task3 矩阵分解
  7. Java实现视频分类 【内链】
  8. C语言读取FAT32分区文件簇链
  9. 综述 | 从第一性原理出发,探索类脑智能研究的星辰大海
  10. 完美世界跟金亚科技联合宣布推出电视游戏智能盒——完美盒子。