当页面元素具有焦点(例如链接或按钮)时，它们会显示轮廓。我希望此大纲仅在该元素通过键盘而不是鼠标获得焦点时显示。是否有可能确定该元素如何通过JavaScript获得焦点？如果是这样，我该如何控制浏览器自己的大纲功能？ 最佳答案 浏览器使用CSSoutline属性来显示哪个元素具有焦点，您可能已经知道。因此，在jQuery中，您可以使用:$(document).ready(function(){$("body").on("mousedown","*",function(e){if(($(this).is(":focus")||$(th

我正在使用来自FAhttp://fontawesome.io/icon/tag/的标签图标我想做的是只显示它的轮廓(红色)并使内部透明。fa-tag-o不起作用。我也尝试过fa-tag-empty和CSS.fa{color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:red;}但似乎没有任何效果。我有什么办法可以做到这一点吗？提前致谢 最佳答案 没有像fa-tag-o这样的标签你可以使用fa-tag或fa-tags你的代码工作正常..你可以使

我想知道你们认为在div周围使用2种颜色的双边框的最简单方法是什么？我尝试同时使用边框和大纲，它在Firefox中有效，但大纲在IE中似乎不起作用，这是一个问题。有什么好的方法可以解决这个问题吗？这是我的，但大纲不适用于IE:大纲:2px实心#36F；边框:2pxsolid#390;谢谢。 最佳答案 您可以使用伪元素添加多个边框，然后将它们放在原始边框周围。没有额外的标记。跨浏览器兼容，自CSS2.1以来就已经存在。我在jsfiddle上为你做了一个演示....注意，边框颜色之间的间距是为了示例。您可以通过更改绝对定位中的像素数来关

我需要在选中div时更改轮廓颜色。我尝试使用与悬停相同的技术(如下所示)，但我需要选择器方面的帮助。可以通过JavaScript还是CSS就足够了？这是我尝试过的:div{background:#ccc;margin:20px;}div:hover{outline:1pxsolidblue;}123 最佳答案 你可以试试:focus伪类。请注意，您将需要tabindex使您的div可聚焦。div{background:#ccc;margin:20px;}div:focus{outline:1pxsolidblue;}123

不知道是不是bug，但是好像是。当你有一个默认的button并且当你有一个:focus时点击它伪类它似乎没有大纲。#buttontag:focus{}Focusme不过，当您使用tab键时，它会显示大纲。然而，如果您更改background-color，则在button上单击或使用tab键时，它会显示outline到它。#buttontag:focus{background-color:#dde;}Focusme但它不适用于所有类型的background-color。例如，它不适用于background-color:#ddd。在这种情况下，它仅在您使用tab键时显示。#buttonta

开始时，我什至不知道这是什么。我尝试了text-decoration:none、border:none、outline:0，但似乎没有任何效果？我的CSS文件工作正常，不是吗？这是一张图片:http://i38.tinypic.com/rbgv3k.jpgCSS#link{text-decoration:none;border:0;outline:none;} 最佳答案 尝试将以下内容添加到您的CSS中img{border:0} 关于html-从图像anchorIE中删除蓝色轮廓/边框，

当您在图像map上选择一个区域时，是否有去除轮廓的方法？看:我在SnowLeopard上使用Chrome。 最佳答案 似乎您需要做的就是通过设置hidefocus属性和outline标记来删除这些边框。它的css属性是这样的:HTMLCSSimg.map,maparea{outline:none;}这应该可以跨浏览器工作!编辑正如SergeyK评论的那样，如果您不希望支持IE6，则只需使用属性选择器即可节省字节。img[usemap],maparea{outline:none;}SupportstartswithIE7.

当我点击我网站上的链接时，它会像这样在链接周围创建一个轮廓我试过添加:a.image-link:focus{outline:0;}和a{outline:none;}但似乎没有什么可以摆脱它。有办法去除吗？ 最佳答案 你可以只使用这个:a:active,a:focus{outline:0;border:none;-moz-outline-style:none;} 关于html-如何删除链接点击时的轮廓？，我们在StackOverflow上找到一个类似的问题： h

我正在尝试使用CSS创建一个圆圈，它看起来与下图完全一样:...只有一个div:并通过使用仅CSS定义。不允许使用SVG、WebGL、DirectX[...]。我尝试绘制一个完整的圆圈并用另一个div使它的一半变淡，它确实有效，但我正在寻找更优雅的替代方法。 最佳答案 你可以使用border-top-left-radius和border-top-right-radius根据框的高度(和添加的边框)对框的Angular进行圆Angular处理的属性。然后在框的顶部/右侧/左侧添加边框以实现效果。给你:.half-circle{widt

如何将内嵌边框应用到HTML元素中，但仅在元素的一侧。直到现在，我一直在使用图像(GIF/PNG)来做这件事，然后我将其用作背景并拉伸(stretch)它(repeat-x)并将其放置在离block顶部稍远的位置。最近，我发现了outlineCSS属性，太棒了!但似乎绕了整个街区......是否可以使用此大纲属性仅在一个边框上执行此操作？另外，如果没有，您是否有任何可以替换背景图像的CSS技巧？(这样我以后可以使用CSS等来个性化轮廓的颜色)。提前致谢!这是我试图实现的目标的图像:http://exiledesigns.com/stack.jpg 最佳答案