草庐IT

css-flexbox

全部标签

html - 如何将 css 样式应用到 iframe 内容中?

这个问题在这里已经有了答案:HowtoapplyCSStoiframe?(28个答案)关闭9年前。我正在尝试为iframe中的内容应用CSS样式,请查看此链接http://jsfiddle.net/pPqGe/jQuery:$(document).ready(function(){$('iframe').contents().find('h1').css('color','red');});HTML:对于iframe源,我使用了实时网站。

html - 通用文本框的 CSS 选择器

例如,有没有一种方法可以使用CSS选择器来选择每种类型的文本框,使它们具有相同的宽度?我所说的文本框只是指用户可以输入的内容。我的问题是它们太多了。它曾经相当简单;你只有两种类型的HTML4文本框。这两种类型是text和password,所以CSS可以是input:not([type]),input[type='text'],input[type='password']{...}这将涵盖所有类型。然而,随着HTML5的发明,您获得了更多类型,例如number、email、url、search和tel,它们看起来和行为都一样(除了您应该输入的内容之外),我想通过CSS以相同的方式处理它们

html - 通用文本框的 CSS 选择器

例如,有没有一种方法可以使用CSS选择器来选择每种类型的文本框,使它们具有相同的宽度?我所说的文本框只是指用户可以输入的内容。我的问题是它们太多了。它曾经相当简单;你只有两种类型的HTML4文本框。这两种类型是text和password,所以CSS可以是input:not([type]),input[type='text'],input[type='password']{...}这将涵盖所有类型。然而,随着HTML5的发明,您获得了更多类型,例如number、email、url、search和tel,它们看起来和行为都一样(除了您应该输入的内容之外),我想通过CSS以相同的方式处理它们

css - 将五个div彼此对齐

我目前正在制作一个网站,您可以在其中找到一级方程式比赛的结果。为此,我想为每个大奖赛制作一个结果页面,其中结果显示在彼此相邻的5个框中。像这样:12345但是现在看起来是这样的12345这是我使用的HTML代码:FP1FP2FP3QualRace这是我使用的CSS:#wrap{width:100%;height:600px;background-color:#000;border:1pxsolidwhite;}#fp1{width:20%;height:600px;background-color:#333;float:left;}#fp2{margin-left:20%;width:

css - 将五个div彼此对齐

我目前正在制作一个网站,您可以在其中找到一级方程式比赛的结果。为此,我想为每个大奖赛制作一个结果页面,其中结果显示在彼此相邻的5个框中。像这样:12345但是现在看起来是这样的12345这是我使用的HTML代码:FP1FP2FP3QualRace这是我使用的CSS:#wrap{width:100%;height:600px;background-color:#000;border:1pxsolidwhite;}#fp1{width:20%;height:600px;background-color:#333;float:left;}#fp2{margin-left:20%;width:

html - 溢出不能与纯 CSS 多维数据集一起正常工作

我一直在尝试用纯CSS制作背景(在border属性的帮助下使用CSS三Angular形),到目前为止我是成功的。但是有一个溢出问题正在摧毁整个事情。如上图所示;我想要第三个立方体恰好位于第二个立方体的右侧(半隐藏)。CSS:.cube{float:left;height:239px;width:200px;}.cube.top{}.cube.top.high{width:0;height:0;border-bottom:60pxsolid#46B535;border-left:100pxsolidtransparent;border-right:100pxsolidtransparen

html - 溢出不能与纯 CSS 多维数据集一起正常工作

我一直在尝试用纯CSS制作背景(在border属性的帮助下使用CSS三Angular形),到目前为止我是成功的。但是有一个溢出问题正在摧毁整个事情。如上图所示;我想要第三个立方体恰好位于第二个立方体的右侧(半隐藏)。CSS:.cube{float:left;height:239px;width:200px;}.cube.top{}.cube.top.high{width:0;height:0;border-bottom:60pxsolid#46B535;border-left:100pxsolidtransparent;border-right:100pxsolidtransparen

html - 将 MS Word 文本转换为普通有效的 html/css

我正在寻找一种方法将几个段落和有序/无序列表从MSWord文件转换为HTML。现在,问题是当将Word文件另存为“htm/html”类型的文件时(我使用的是Word2010),我得到吨各种不需要的CSS指令,有些是MS发明的,有些是有效的CSS,我不想在我的html代码中使用。此外,甚至更有问题的是,有序/无序列表甚至没有使用LI项编码为OL和UL,而是编码为疯狂的Microsofty编码。例如,一个段落(在Word中样式为“普通”)被转换为:blabla我只是希望它是:blabla更可怕的是,一个带有一个列表项的简单的未排序列表(“元素符号列表”)被转换为:·  

html - 将 MS Word 文本转换为普通有效的 html/css

我正在寻找一种方法将几个段落和有序/无序列表从MSWord文件转换为HTML。现在,问题是当将Word文件另存为“htm/html”类型的文件时(我使用的是Word2010),我得到吨各种不需要的CSS指令,有些是MS发明的,有些是有效的CSS,我不想在我的html代码中使用。此外,甚至更有问题的是,有序/无序列表甚至没有使用LI项编码为OL和UL,而是编码为疯狂的Microsofty编码。例如,一个段落(在Word中样式为“普通”)被转换为:blabla我只是希望它是:blabla更可怕的是,一个带有一个列表项的简单的未排序列表(“元素符号列表”)被转换为:·  

html - 试图在 css 中重新创建加载 gif

我正在尝试在纯CSS中重新创建以下gif-此处的Css-http://codepen.io/anon/pen/FmCaL-(webkit/chrome仅在mo)我试图通过使用前后伪选择器来重新创建缺失的圆block,但我无法获得正确的Angular。有可能吗?有没有更好的方法?感谢迄今为止的任何帮助。我应该指定我需要箭头是透明的。我不能为圆圈的缺失部分使用纯色。 最佳答案 简单地这样做怎么样?Demodiv{border:10pxsolid#000;height:50px;width:50px;border-radius:50%;p