草庐IT

color_font

全部标签

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

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

html - Font Awesome 在离线模式下不工作

我正在使用font-awesome图标来发布我的HTML、CSS模板。当我有实时链接时,它们工作正常,但当我下载CSS文件并将其包含在我的页面中时,图标消失了。直播路径:本地路径:如何在离线模式下使用awesome字体? 最佳答案 您是否将FontAwesome字体嵌入到您的元素中?你的结构必须是这样的:[+]assets[+]cssfont-awesome.css[+]jsdemo-file.js[+]fontsfontawesome-webfont.eotfontawesome-webfont.svgfontawesome-we

html - 如何将列表项与 Font Awesome 图标下一行文本对齐?

一张图描绘一千个单词。下一行的文本需要与上面的边距相同。HTML:NameandsurnafddddddddddddddssdgfhdhhdfhdfhdshdfhdsfhsdfhdsfhsdfhsdfhdsfhmeCSS:ul{display:table;a{padding-left:10px;}span{padding-left:10px;}}更新:@panther更新后:这是可以接受的,但是fontawesome图标现在偏离了中心。 最佳答案 你可以尝试使用fontawesome'sbuilt-insolutionforlist

css - 有什么方法可以修复 fonts.com @font-face 声明吗?

许多流行的字体似乎都可以从http://webfonts.fonts.com/专供网络使用但是,它以一种非常奇怪的方式工作。他们不会给你直接的字体URL,而是给你一个引用字体文件的CSS文件。我认为CSS中的字体URL可能是短暂的并且会随着时间的推移而变化,以防止未经授权的使用。所以你必须使用他们的CSS,你不能直接合并字体文件URL(据我所知)。反过来CSS也不是我想的那样。而不是(简化):@font-face{font-family:"Foo";font-weight:bold;src:url("foo-bold-variant.ttf");}@font-face{font-fam

html - 非 webkit 浏览器的 CSS 属性 print-color-adjust

我正在寻找一个与-webkit-print-color-adjust在Safari中具有相同效果的属性,但是在Firefox和Explorer中。如果存在这样的属性,你能向我推荐吗? 最佳答案 目前不存在此类属性。许多浏览器供应商认为所有打印规范都由用户自行决定。 关于html-非webkit浏览器的CSS属性print-color-adjust,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/que

html - 为什么我的 Font Awesome 图标在页面加载时消失了?

知道为什么我的超赞字体图标最初会显示在页面上,然后在页面实际加载后变成空白方block吗?这是我的gemfile:gem'rails','4.0.1'gem'bootstrap-sass','2.3.2.0'gem'bcrypt-ruby','3.1.2'gem'faker','1.1.2'gem'will_paginate','3.0.4'gem'bootstrap-will_paginate','0.0.9'gem"libv8",">=3.11.8"gem"therubyracer",">=0.11.0",:group=>:assets,:platform=>:ruby,:requ

html - Angular 2 : change border color for error in form validation

尝试更改错误消息的边框颜色。这是我的html代码Name:Nameisrequired.Invalidname.当前显示错误消息,但我想将文本框边框颜色更改为红色。如何做到这一点。 最佳答案 这是另一种解决方案。input.ng-invalid.ng-touched{border:1pxsolidred;}如果您检查输入字段,您会看到Angular动态附加到您可以利用的元素的一些css类。 关于html-Angular2:changebordercolorforerrorinformva

html - 悬停时将 Font Awesome 图标置于图像的中央

当鼠标悬停在图像上时,我试图将超赞字体图标置于图像的中央。这是我的HTML:还有我的CSS:.profile-img-container{position:relative;}.profile-img-containerimg:hover{opacity:0.5;}.profile-img-containerimg:hover+i{display:block;z-index:500;}.profile-img-containeri{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}然而,FontAwesome图标不

html - 如何只显示 Font Awesome 图标的轮廓?

我正在使用来自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你的代码工作正常..你可以使

html - "body {background-color}"适用于 HTML 但不适用于 CSS

我能够在内联中为HTML正文设置背景色属性命令但当将相同的命令移动到外部样式表时则不会。一个具体的例子下面给出。在test1.html中,背景颜色设置为“蓝色:在HTML中。文件test2.html与test1.html相同,除了命令被注释掉。文件style.css包含背景规范-color以及元素(以测试浏览器是否真的阅读样式表)。第一个测试在蓝色背景下生成橙色文本。第二次测试产生橙色文本,但背景为白色。我已经在Firefox21、Chrome19和浏览器9;都给出相同的结果。这是怎么回事?任何帮助将不胜感激。这是三个示例文件:test1.html:body{background-co