如何隐藏超链接下划线并保持javascripts中的原始字体颜色?

时间:2012-11-22 14:37:57

标签: javascript css hyperlink

如何隐藏超链接下划线并保持原点,避免在JavaScript中更改为蓝色字体。我的JavaScript代码:

<a href="javascript:window.open('selectprofiletype.php','Crm.com - Create',
'width=700,height=350' ) ">&nbsp;&nbsp;User Profile</a>

4 个答案:

答案 0 :(得分:4)

为什么选择javascript?使用CSS。

a {
  text-decoration: none;
  color: black;
}

答案 1 :(得分:3)

希望这会有所帮助:

a {
    color: #0060B6;
    text-decoration: none;
}

a:hover 
{
     text-decoration:none; 
     color: #0060B6;
     cursor:pointer;  
}

答案 2 :(得分:1)

这似乎更像是css问题

a{
text-decoration: none; 
color: your colour here;
}

答案 3 :(得分:1)

请将JavaScript更改为以下内容(并使用CSS的任何其他答案,而不是使用内联样式)

<a href="selectprofiletype.php" target="crm_create" style="text-decoration:none"
onclick="var w = window.open(this.href,this.target,'width=700,height=350');
  return w?false:true;">&nbsp;&nbsp;User Profile</a>

因为您的代码会在多个浏览器中出现问题 - 例如窗口名称可能没有空格

如果不引人注目,代码会更好:

window.onload=function() {
 document.getElementById("crm").onclick=function() {
  var w = window.open(this.href,this.target,'width=700,height=350');
  return w?false:true;
 }
}

仅使用

<a id="crm" href="selectprofiletype.php" target="crm_create">User Profile</a>