草庐IT

font-style

全部标签

html - :focus styling on custom radio input

我有一个或多或少像这样实现的自定义radio输入样式:....custom-radio+label:before{content:""//Stylinggoeshere}.custom-radio:focus+label:before{outline:1pxsolidblack;]除了一个烦人的细节:键盘导航的焦点样式外,这很好用。我可以使用Tab键选择一组单选按钮并使用箭头键更改所选单选按钮,但默认的:focus轮廓不会出现,因为输入标签已隐藏。我尝试像上面一样添加自己的焦点样式,但这最终表现得与默认浏览器样式不同。默认情况下,Chrome(以及我假设的其他浏览器)只会在您通过键盘选

html - Web Font Loader 不缓存字体吗?

只是想测试Web字体加载器的能力,令我惊讶的是,当我需要在另一个页面中加载相同的字体时,加载器会执行新的下载,而不是使用字体的缓存版本。这是正常的吗?如果是这样,是否有一种简单的方法来检查字体是否可用于浏览器,换句话说,是否已缓存?这是我加载字体的方式:WebFont.load({custom:{families:['Univers45custom','Univers45customIE']}});我正在使用WebFontLoaderv1.5.10。BramVanroy的附录:这种“缺乏缓存”在使用Google的网络字体时也会出现。FOUT(无样式文本的闪烁)会在使用字体加载器的网站上

javascript - 使用 ng-style 在 css 中动态转换

当它在ng-style中时,我无法让transform工作。AngularJSPlunkerdocument.write('');Test{{number}}链接:http://plnkr.co/edit/txSzAKxLDq48LVitntro?p=preview如果我更改input数字,顶部的div应该更改并同时spin。当它的值为3时,它应该看起来像上面的单词Test。那么如何让transform在这种情况下工作呢?谢谢。 最佳答案 您不能在属性内的JS字符串内使用大括号绑定(bind)。您可以将变量附加到字符串上:{{num

html - 带复选标记的无序列表 list-style-positions-outside 文本在左侧垂直对齐

我正在尝试创建一个带有复选标记的无序列表,并让我的文本在左侧排成一行,而不是让我的第二行文本float到左侧并位于复选标记下方。有人知道怎么做吗? 最佳答案 下面的代码可以帮助您理解。Here'saJSFiddledemo.li:before{content:'✔';margin-left:-1em;margin-right:.100em;}ul{padding-left:20px;text-indent:2px;list-style:none;list-style-position:outside;}请参阅此链接以获取刻度线:ht

html - 选项中的图标 - Bootstrap + Font-awesome

我正在尝试将图标嵌入到选择列表中的选项中。使用字体超棒的图标,没有显示任何图标。Doesn'tworkinoption!我可以使用font-awesome来实现我需要的吗?还是我必须放弃使用font-awesome并为每个选项做一个手动CSS背景?JSFiddle:http://jsfiddle.net/mmXh2/1/ 最佳答案 您可以将FontAwesome用作unicode字体,并以跨平台的方式插入您的图标。您只需要查找每个图标的unicode值NowIshowtheprettycamera!

html - 伪元素上的 Font Awesome 5 显示正方形而不是图标

我正在尝试更改span的内容直接从CSS页面使用FontAwesome图标,但似乎无法使其正常工作。1)我已经从文档和中导入了FA2)我的html看起来像这样:Movies3)现在假设我想直接从CSS页面使用图标更改span的内容。我的css目前看起来像这样,但它不起作用,它给了我一个正方形而不是图标。.myClass{font-size:25px;}.myClass::after{font-family:'FontAwesome5Free';content:'\f008';}有趣的是,它看起来像是在使用一些图标。如果我用content:'\f007';测试有用。知道为什么吗?(如果你

javascript - 更好或更坏 : Styling with JavaScript vs CSS

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭9年前。Improvethisquestion我正在从事响应式设计,想知道使用JavaScript还是使用CSS来设置元素样式更好?CSS当然更容易维护,我不会争论这一点,但我更愿意用JavaScript构建对象。也许我为自己做了比我应该做的更多的工作,但我觉得我有更多的控制权,我喜欢能够连接到屏幕上的每个对象。我有生成整个页面布局并将其推送到DOM的构造函数。没有图像,只有纯JavaScript样式和SVG图标。我想知道的是:什么表

html - "style"标签 : what's supposed to happen? 中的多个 "span"属性

考虑以下具有两个style属性的HTML片段:Test在Opera12.16和Chrome40中,它显示为蓝色非斜体文本,而InternetExplorer9显示为蓝色斜体文本。标准说应该显示什么(如果有的话)? 最佳答案 在单个声明中用分号分隔您的规则:Test 关于html-"style"标签:what'ssupposedtohappen?中的多个"span"属性,我们在StackOverflow上找到一个类似的问题: https://stackoverf

html - 为什么 font-family 偶尔会在按钮之间添加 1px 的间距?

请仔细阅读问题。它与关于Howtoremovethespacebetweeninline-blockelements的那个不一样.考虑以下HTML:body{/*font-family:Arial;*/}.my-class{display:inline-block;margin:000-4px;background-color:transparent;border:1pxsolid#ccc;padding:20px;}HelloStackOverflow产生:但是,如果我添加:body{font-family:Arial;}它导致第二个和第三个按钮之间有1px的空间:问题是:为什么在b

html - 使用 link 标签或 style 标签导入 CSS 哪个更好?

还是只是个人喜好问题?我的意思是,使用这两种方法有特定的好处吗?对比@importurl('main.css'); 最佳答案 根据雅虎的BestPracticesforSpeedingUpYourWebSite,始终使用而不是@import.更多详细信息,请参阅thisblogpost.InIE(testedon6,7,and8),@importcausesthestylesheetstobedownloadedsequentially.Downloadingresourcesinparalleliskeytoafasterpage