草庐IT

webkit-margin-before

全部标签

html - 我们可以从单个节点中删除 CSS 属性“-webkit-scrollbar”吗?

如何从单个HTML元素中删除CSS属性::-webkit-scrollbar?在我的CSS文件中,我有这段代码:::-webkit-scrollbar{width:6px;height:6px;background-color:transparent;}::-webkit-scrollbar-track{background-color:transparent;width:6px;}::-webkit-scrollbar-track-piece{background-color:blue;}::-webkit-scrollbar-thumb{background-color:#d4de

css - WebKit 中 <input required ...> 的样式

请在Chrome浏览器中查看此示例:http://jsfiddle.net/ymzTB/当您将输入留空并单击enter时,您将收到如下消息:请填写此字段。看起来不错。如何在WebKit和其他浏览器中设置此消息的样式,例如,将背景颜色替换为红色,或者将字体颜色或大小设置为其他颜色? 最佳答案 您可以使用以下pseudoclasses:::-webkit-validation-bubble{}::-webkit-validation-bubble-top-outer-arrow{}::-webkit-validation-bubble-

css - 用于输入元素的 webkit htm5 css 重置

这有点烦人。看起来webkit(通过chrome13canary)在设计各种输入类型的样式方面做得很好,并且在很大程度上与设计发生冲突。尤其是,这些让我很头疼:选定的元素发光(通过轮廓)placeholder=文本样式聚焦的文本区域和输入字段周围有丑陋的光芒我正在使用样板和modernizr。带有占位符的简单input[type=search]会覆盖文本样式。我知道你可以通过input::-webkit-input-placeholder但是,这似乎无法设置诸如text-shadow之类的样式-这有点废话。有谁知道这是否可能是一个会被修复的错误,或者我是否需要退回到javascript

android - Android Webview 是否支持 CSS3 WebKit 动画?

Android操作系统的WebView控件是否支持硬件加速的css3动画?我在SafariMobile上使用的所有webkitcss(例如:-webkit-transitionblabla)在android上是否也一样? 最佳答案 是的,根据thispage..它支持从版本3.0到最后,心爱的JellyBean;)另一方面,开发人员并没有取得非常成功的结果。引自here:CSSanimationsaresupportedbyAndroiddevices—butonlyifasinglepropertyischanged.Assoon

html - <select>::before 图标不可点击

我有一个带有几个选项的选择元素,但呈现的图标不是该元素的一部分,因此不可点击。有什么想法吗?我的代码htmlSortby:LowSortby:HighlongtextCSS.styled-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;cursor:pointer;overflow:hidden;display:inline;position:relative;border-radius:0;border:none;&.icon-drop-down::before{positi

html - 绝对位置和 margin : auto

我有一个小问题,我希望我的页脚以position:absolute保留在屏幕底部。但是我将它放在屏幕中间的margin:auto不再起作用了。HTML:TESTDenAllerstrafste"Ful-Ambi"Live-BandvangrootAntwerpenenomstreken!HomeWieiswieFoto'sRepertoireLinksContactTESTDevelopedbyYoshi©vAntstAdCSS:/*PAGELAYOUT*/html{padding:0px;margin:0px;}body{background-image:url(../IMA

html - CSS::before 伪元素行高?

我的段落的高度/行高为50像素,text-align:center使文本居中。但是p:before导致它增加高度/行高,导致文本向下倾斜。我希望p和p:before都垂直居中。http://jsfiddle.net/MMAUy/HoverThisp{background:red;text-align:center;height:50px;line-height:50px;font-size:14px;}p:hover:before{content:"icon";display:inline-block;margin-right:10px;font-size:3em;}文本长度各不相同,

html - 从使用 :before class? 插入的内容中删除斜体样式的任何方法

我有这样的代码PentaxK-516MegapixelDSLR我使用的是CSS.iconic.camera:before{font-size:35px;font-family:"KameraDings";content:"A";padding-right:8px;vertical-align:-10%;}插入带有特殊符号字体的相机符号。但是我将li的样式设置为斜体。有没有办法从这封内容信中删除斜体?我试过font-style:none;没用 最佳答案 那是font-style:normal;而不是font-style:none;。

html - * :before and *:after do in css 是什么

我研究了关于*(Asterisk)的SO,我发现它会选择所有元素并对它们应用样式。我点击了这个链接,UseofAsterisk我注意到这段代码会将border应用于所有元素。*{border:1pxsolidred;}现在,我关心的是*:before和*:after在CSS中做了什么?*:before,*:after{box-sizing:border-box;} 最佳答案 正如他们的名字所说,:before和:after用于在内容之前/之后应用css属性JUSTWITHIN匹配元素。有一天,一位智者说“一把fiddle胜过千言万语

html - 使用 space-between 和 margins 左对齐 flexbox 的最后一行

这个问题在这里已经有了答案:Targetingflexitemsonthelastorspecificrow(10个答案)关闭5年前。我在一个容器中有未知数量的元素,需要在外部没有边距的情况下进行包装,但它们之间的边距最小。我还需要用space-between和最后一行左对齐来证明这些。我正在尝试像这样使用flexbox来做到这一点:.outside{border:1pxsolidblack;}.container{margin:-5px;display:flex;flex-wrap:wrap;justify-content:space-between;}.container:afte