草庐IT

label_colors

全部标签

javascript - Blur 事件未在 <label> 上触发 - 无法找到处理 hide-on-blur &lt;input&gt; 文本字段的解决方法

TL;DR我怎样才能得到这个self-explanatoryJSFiddle上类?来自theW3C:Theblureventoccurswhenanelementlosesfocuseitherviathepointingdeviceorbytabbingnavigation.Thiseventisvalidforthefollowingelements:LABEL,INPUT,SELECT,TEXTAREA,andBUTTON.基本思想,HTML:afterfocusingininput,thereshouldbenoblurwhenclickingherebutblurshould

html - 背景颜色在 :visited but it works if i add any background color to a {background:#fff}, 上不起作用这是一个错误吗?

background-color对a:visited不起作用,但如果我向a{background:#fff}添加任何背景色,它就会起作用,这是一个错误吗?查看此示例http://jsfiddle.net/jitendravyas/CMWWm/1/a:visited上的绿色背景将不起作用。但是现在,如果我在顶部添加a{background:#fff},则a:visited上的绿色背景将开始工作。http://jsfiddle.net/jitendravyas/D6vGX/1/ 最佳答案 检查一下,Firefox对:visited做了一

html - 每个表单元素 <label>+&lt;input&gt; 在没有 <div> 的新行上

是否有一种解决方案可以在不关闭div上的这些元素的情况下将每个表单元素移动到一个新行上?我的意思是:One:Two:ab...显示:One:[.......]Two:[a\/]andsoon...如果我使用CSS:input,select,label{display:block;}然后标签与表单字段不在同一行。是唯一的解决方案:One:... 最佳答案 另一种方法是这样的One:和CSSlabel{display:block;position:relative;padding-left:120px;/*adjustifnecessa

html - Firefox : border-color, border-radius 和背景颜色创建参差不齐的边缘和空白

看看下面的HTML和CSS。.box{border-radius:15px;border:#333solid3px;background:#333;}Helloworld它在Firefox中产生这个:如您所见,div的边框和背景留下了可见的微小间隙。由于具有不同背景颜色的悬停状态,我需要边框。我该如何克服这个问题? 最佳答案 这很可能是Firefox中的错误。你可以做一个简单的技巧来解决这个问题:(这不是最好的解决方案,我知道,但问题似乎很严重)标记:通过“包装”div的假边框Helloworldcss:填充就可以了.wrapper

html - SEC7115 : :visited and :link styles can only differ by color. 部分样式没有应用到:visited.

我已经在IEF12开发人员工具下运行了我的Sharepoint网站,控制台在我的HTML开头提到了以下错误:-SEC7115::visitedand:linkstylescanonlydifferbycolor.Somestyleswerenotappliedto:visited.那么这个错误是什么?我该如何解决?谢谢 最佳答案 仅更改包含:visited或:link选择器的css规则的颜色属性http://msdn.microsoft.com/en-us/library/ie/hh180764%28v=vs.85%29.aspx

html - <abbr/>-元素: aria-label or title attribute

虽然建议使用title上的属性元素,这对屏幕阅读器没有影响(至少对chromevox没有影响)。ASAP有效的当然是aria-label例如:ASAP因此,为了既语义正确又兼容屏幕阅读器,我需要同时标记:ASAP这看起来有点乱。为什么chromevox不直接读取标题属性? 最佳答案 简而言之:尽管有WCAG建议,abbr不是向所有人解释缩写含义的完美解决方案,aria-label当你想宣布缩写的发音时应该使用。屏幕阅读器不应该阅读title属性,因为它无意取代aria-label.另见W3警告:http://www.w3.org/T

html - 更改伪 :before background color using CSS attr()

我正在尝试使用CSSattr()更改伪:before元素的背景颜色。RGB这是CSSul{list-style:none;}li:before{background-color:attr(data-color,color);content:"";display:inline-block;height:10px;width:10px;}但是根据data-color属性,before元素不显示背景颜色。但是当我添加这个CSS时li:after{content:attr(data-color);}:after元素将data-color属性内容显示为内容。这是JSfiddlehttp://js

html - span 和 label 标签之间的渲染区别是什么?

所以我理解了span和label标签之间的功能差异......但是看起来标签之间也存在渲染差异,我似乎无法弄清楚它是什么?有谁知道span和label的渲染区别?谢谢 最佳答案 除了默认呈现样式(标签有时在某些浏览器中为粗体)之外,重要的区别在于它应该链接到表单字段(输入、选择等)的标签以标示该字段是什么。因此它是“for”属性。它不应该用于任何其他用途。这对于屏幕阅读器的可访问性尤为重要,因为他们希望存在此链接。跨度适用于您要对其应用相似样式的一组文本。默认情况下,Span没有应用任何样式。PS:如果我发现你使用标签选项卡只是为了

html - HTML5 aria-label 属性可以有哪些值?

谁能给我一些例子,说明什么类型的值对aria-label属性有效。 最佳答案 可以是任意字符串,用于命名元素。ARIAspec:aria-label说:Mosthostlanguagesprovideanattributethatcouldbeusedtonametheelement(e.g.thetitleattributeinHTML),yetthismaypresentabrowsertooltip.Inthecaseswhereavisiblelabelorvisibletooltipisundesirable,author

html - 为什么 border-color 不传播到子元素?

我有一个我正在构建的网站,它具有深度嵌套的div,并使用用户可选择的主题。我的问题是......为什么border-color不传播到子元素?我已经在处理DOM样式表了,所以添加一个循环来更新边框颜色不会有什么困难。然而我很好奇为什么标准(Linux中的Firefox和Chrome)边框颜色不从父级继承,而是默认为文本颜色,而边框样式仍然不会默认为纯色?这种行为背后有什么智慧吗?我不是想变得狡猾。我真的很好奇为什么这似乎是“设计使然”。在撰写本文时,我意识到最简单、最灵活的解决方案是将我的元素定义为class="classnameborder",然后更新边框类以反射(reflect)正