草庐IT

轮廓仪

全部标签

html - 如何在焦点上删除 Opera 中的按钮轮廓

有人知道如何去除Opera中按钮上的虚线轮廓吗? 最佳答案 我做到了。给你:http://jsbin.com/oniva4.[在Opera10.5/11上测试]秘诀是使用outline-offset:-2px;(有效覆盖点)和轮廓的背景颜色。outline-offset从9.5版本开始支持。 关于html-如何在焦点上删除Opera中的按钮轮廓,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/ques

html - 我怎样才能摆脱这个圆圈上半部分的细白轮廓?

我似乎无法摆脱这个圆圈上半部分的细白轮廓。关于如何解决它的任何想法?JSFiddleDemobody{background-color:black;padding:50px;}.square{background-color:white;margin-bottom:20px;height:200px; width:200px; overflow:hidden; }.halfSquare{ background-color:#462a04; height:100px; width:200px; }.circle{ background-color:white; heigh

html - 如何在colgroup上获得轮廓边框?

我有一个包含17列的表格,分为3个列组。我可以使用CSS设置背景颜色,这表明我的CSS选择器没问题。但是,我无法在每个列组的外部设置边框。首先我尝试了这个CSS:colgroup.inbound,colgroup.outbound{background-color:#eeeeee;border:1pxsolidred;}并以这种方式定义列组:接下来我尝试了这个CSS:col.inbound,col.outbound{background-color:#eeeeee;border:1pxsolidred;}并以这种方式定义组:在这两种情况下,我的背景颜色都会生效,但不会影响我的边框。我能

jquery - CSS Outset/Inset、边框和轮廓

CSSoutset、inset、border和outline之间的确切区别是什么。真的很困惑,什么属性可以一起应用?哪些浏览器支持上述哪些属性?以上属性的简短示例会很好。谢谢 最佳答案 边框和轮廓差异边框:边框边缘围绕着框边框。Itsarea计算盒子模型的总大小。您可以为四种可能的每一种指定尺寸(border-width)、颜色(border-color)和样式(border-style)边框(顶部、右侧、底部和左侧)。您可以检索有关边框属性的更多信息here.Outline:类似于border,但在本例中不占空间,与border相

html - 为什么我的图像链接有这种形状怪异的轮廓?

我不介意出现边框,只是我不喜欢顶部的奇怪部分。我知道我可以解决这个问题,通过使用outline:0完全摆脱边界,但我也知道that'sbad.HTML设置是...CSS摘录:li{display:block;width:9em;margin-right:1em;height:12em;text-align:center;}liimg{height:8em;display:block;margin:0auto;}(如果将两者结合在一个中,效果是相似的。)我认为这与使用display:block有关在图像上。我在这里重现了这个问题:http://jsfiddle.net/pvd69wce/

html - 从 Firefox 中的输入类型 ="range"中删除焦点轮廓

我知道还有其他类似的问题,但我已经尝试了他们建议的所有方法,但都无济于事。这是一个不同于RemovedottedoutlinefromrangeinputelementinFirefox的问题正如我在问是什么导致了这个流氓轮廓-上一个问题回答了如何获得如下所示的彩色轮廓。这个SO问题(RemovedottedoutlinefromrangeinputelementinFirefox)提到了firefox错误-https://bugzilla.mozilla.org/show_bug.cgi?id=932410但它已被标记为已解决,但我仍然遇到这个问题。输入的CSS是:input[typ

html - 轮廓被下一个元素隐藏

我有一排图片,每张图片都包含一个链接。当我悬停鼠标时,我希望在每个图像周围出现一个虚线轮廓。问题是,除了最后一张图片外,RHS上的轮廓都不见了。就好像图像在其左侧重叠了图像的轮廓。当我悬停时,要使轮廓出现在所有4个边上吗?(我需要图像相互对接而没有间隙。)我在FF14、chrome、IE9上试过了。http://jsfiddle.net/spiderplant0/P3WBG/ 最佳答案 最简单的方法是将position:relative赋给a元素,然后增加的z-indexa>img:hover(而不是样式化a:hover:a>img

html - CSS:IE 的轮廓偏移替代方案?

我对2个不同颜色的边框以及边框之间的空间使用了以下代码。我正在使用属性outline-offset作为边界之间的空间。但是,IE不支持它(甚至IE9也不支持)。是否有任何替代解决方案也适用于IE,而无需在html中添加另一个div。HTML:CSS:.box{width:100px;height:100px;margin:100px;border:2pxsolidgreen;outline:2pxsolidred;outline-offset:2px;}高度和宽度不是固定的,我只是用来举例。JSFiddle:http://jsfiddle.net/xyXKa/

html - WCAG:当应用样式时,Firefox 和 Edge 不会在焦点输入元素上显示轮廓

我正在创建一个表单,它遵循一些WCAG指南。其中之一是:G165:Usingthedefaultfocusindicatorfortheplatformsothathighvisibilitydefaultfocusindicatorswillcarryover.这条规则的总结是:Operatingsystemshaveanativeindicationoffocus,whichisavailableinmanyuseragents.Thedefaultrenderingofthefocusindicatorisn'talwayshighlyvisibleandmayevenbedif

html - Bootstrap 按钮轮廓不起作用

我是Bootstrap的新手,在正确设置按钮样式方面遇到了一些麻烦。我想要一个绿色(成功)颜色的按钮,只有他们网站上记录的轮廓here.我使用时提示的代码Success,我得到一个没有明显样式的灰色按钮whichlookslikethis...有人能帮帮我吗?谢谢! 最佳答案 我也遇到过类似的问题。您可以只在CSS中设置一个规则,或者覆盖“btn-success-outline”类。/*Bootstrapbuttonoutlineoverride*/.btn-outline{background-color:transparent;