Html 单击时如何删除圆形按钮上的轮廓

Html 单击时如何删除圆形按钮上的轮廓,html,css,Html,Css,单击圆形按钮时,如何删除其周围的蓝色边框。使用大纲属性: selector { outline:none; } 示例: .btn{ 大纲:无; } 点击我在本例中,我将边框颜色从蓝色更改为透明,并添加了轮廓:无打开:焦点(也可以添加未启用) 希望这有帮助 按钮{宽度:50px; 高度:50px; 背景图像:url(“http://www.rachelgallen.com/images/purpleflowers.jpg"); 背景大小:70%70%; 背景重复:无重复; 背景位置:中


单击圆形按钮时,如何删除其周围的蓝色边框。

使用
大纲
属性:

selector {

 outline:none;

}
示例:

.btn{
大纲:无;
}

点击我
在本例中,我将
边框颜色
从蓝色更改为
透明
,并添加了
轮廓:无打开
:焦点
(也可以添加未启用)

希望这有帮助

按钮{宽度:50px;
高度:50px;
背景图像:url(“http://www.rachelgallen.com/images/purpleflowers.jpg");
背景大小:70%70%;
背景重复:无重复;
背景位置:中心;
边框宽度:3倍;
边框样式:实心;
边框颜色:#000099;
}
按钮:焦点{
边框颜色:透明!重要;
大纲:无;
}


button:focus{outline:none;}@RachelGallen我很抱歉,我不知道接受答案功能。有没有办法用CSS循环大纲?@evolross您的问题以前被问过几次。检查并回答相应问题的其他答案。