html 改a的边框颜色怎么做

Posted 2023-02-23

我想做这个网站的“选择颜色”的连接效果，改怎么做？？http://item.taobao.com/item.htm?id=4198220636#

我自己做了点，可是改变了背景图片就不能再设置边框的颜色了~真奇怪~还有这样以后a：hover效果也没了！
function selectColor(thisColor)
var colorlinks=document.getElementById("list").getElementsByTagName("a");
//alert(colorlinks.length);
for(var i=0;i<colorlinks.length;i++)

colorlinks[i].style.backgroundImage="url()";//设置背景为无
colorlinks[i].style.border="2px";
colorlinks[i].style.borderColor="#999999";//设置边框颜色
//alert(colorlinks[i].style.borderColor);

thisColor.style.border="2px";
thisColor.style.backgroundImage="url(bg.png)"; //设置选中的边框的背景

定义和用法
<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<a> 元素最重要的属性是 href 属性，它指示链接的目标。
由于 border-style 的默认值是 none，如果没有声明样式，就相当于 border-style: none。因此，如果您希望边框出现，就必须声明一个边框样式。
a border-style: solid;
border-color: #909090 ;

颜色值可以选择其他色值表达方法。 参考技术A 貌似是添加了点击事件，然后换了背景图片吧！本回答被提问者和网友采纳 参考技术B 1.style 会覆盖css中样式的相同部分

thisColor.style.border="2px";

2.border 覆盖了你for循环中的设置
改为
thisColor.style.borderWidth="2px";

或者
thisColor.style.border="2px #999999 solid"