如何用css屏蔽a标签title

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用css屏蔽a标签title相关的知识,希望对你有一定的参考价值。

title
值的显示

用CSS应该屏蔽不了a标签title。如果不想title显示可以从html里删除title,如果想让title对搜索引擎有效,那可以在载入网页后用javascipt删除a标签的title。追问

可是我在页面上要用这个title 我用js取得值 所以onmouseover用了 能用css的什么方法屏蔽吗 谢谢

追答

如果想让title对搜索引擎有效,那可以在载入网页后用javascipt删除a标签的title。
代码示例:

链接1
链接1
链接1
链接1

for(i=0;i

参考技术A 纯css实现html中a标签的禁用:
代码如下:
<html>
<head>
<title>如何禁用a标签</title>
<metacontent="text/html;charset=GB2312"http-equiv="Content-Type">
<styletype="text/css">
body
font:12px/1.5\5B8B\4F53,Georgia,TimesNewRoman,serif,arial;

a
text-decoration:none;
outline:0none;

.disableCss
pointer-events:none;
color:#afafaf;
cursor:default

</style>
</head>
<body>
<aclass="disableCss"href="http://www.baidu.com/">百度</a>

<aclass="disableCss"href="#"onclick="javascript:alert('你好!!!');">点击</a>
</body>
</html>
参考技术B 用CSS屏蔽不了a标签title。
可以用jquery来隐藏:

var obj =$("#xxx");
obj .removeAttr("title");

以上代码实现了把a标签内的title隐藏掉。
参考技术C 标签属性怎么能屏蔽呢。如果想不显示title,可以给他赋值为空
<a href="****.html" title="">链接</a>
如果想动态让它变为空,可以采用javascript改变title的值

以上是关于如何用css屏蔽a标签title的主要内容,如果未能解决你的问题,请参考以下文章

如何用css去掉a标签点击时的背景色?

如何用jQuery实现并且搜索a标签时要用find方法怎么实现

如何用js给html表单设置style

如何用js获取div下的A标签,并自动点击超链接

如何用css设置文本框的宽和高?

如何用<dl>标签做表格而不用table标签