草庐IT

webkit-margin-before

全部标签

html - Chrome(webkit)中 float 元素中的用户文本选择会选择更多文本

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭去年。Improvethisquestion当双击灰色标签中的文本(float:右)时,chrome(webkit)也会选择行首的文本(float:左)。有什么方法可以在不添加额外标记或更改标签源顺序的情况下解决这个问题吗?http://codepen.io/lezz/pen/xBAzr

html - CSS:如何更改 webkit 中滚动条右下角的颜色?

问题:如何在webkit(Google-Chrome)中更改滚动条右下角方block的颜色(黑色)?这是我目前所拥有的:/*http://www.coffeepowered.net/2011/06/17/sexy-css-scrollbars/http://css-tricks.com/custom-scrollbars-in-webkit/*/::-webkit-scrollbar{width:13px;height:13px;}::-webkit-scrollbar:hover{height:18px;}::-webkit-scrollbar-button:start:decrem

html - IE 10-11 flex-basis 属性的行为不同于 webkit 浏览器

我正在尝试使用Mediaobject,由一个Media-body和一个Media-figure组成。HTML和类遵循这种形式(顺序无关紧要)。.Media.Media-figure.Media-body简单的CSS是(没有前缀):.Media{display:flex}.Media-figure{flex:00auto;/*sameas...flex-grow:0;flex-shrink:0;flex-basis:auto;*/}.Media-body{flex:110;/*sameas...flex-grow:1;flex-shrink:1;flex-basis:0;*/}请注意,我

html - 如何使用 CSS 伪元素 :before{ content: '' } to affect an <option> element?

如果我有一个选项列表,我如何使用CSS伪元素:before{content:''}来影响?下面有三个选项,我想在每个选项之前插入文本。我知道这可以用javascript/jQuery来完成,但是用CSS可以吗?option::before{content:"sandy-"}beachfieldcarpet 最佳答案 ::before和::after伪元素实际上是在元素前添加/附加一个子节点,所以这对不能包含的任何元素都不起作用子节点。这将(大致)相当于做:sandy-beach如果要更新文本值,则需要使用JavaScript。

html - CSS3、WebKit过渡顺序?如何排队到转换?

我有以下内容:-webkit-transition-property:top,bottom,z-index;-webkit-transition-duration:0.5s;问题是我不希望z-index在顶部和底部完成之前过渡。有没有办法告诉Webkit过渡到顶部/底部过渡,然后在完成后立即执行z-index或持续时间,无论哪种方式?谢谢 最佳答案 您必须指定z-index转换的延迟:-webkit-transition-property:top,bottom,z-index;-webkit-transition-duration:

html - CSS3 过渡搞乱了 webkit 中的字体?

自从我添加了一个css转换(第一个是悬停,第二个是动画)后,它似乎弄乱了我的字体,它们看起来“不同”。这太奇怪了,我找了好几个小时都没有找到任何东西,我也无法弄清楚为什么会这样。在firefox里好像没问题,但是safari和chrome就出问题了。http://www.simplerweb.co.uk左下方齿轮动画下方的所有内容看起来都更轻,导航菜单看起来也一样。我完全迷失了这一点。这是动画的CSS。.gearone{height:100px;width:100px;top:-10px;left:-10px;position:absolute;background-position:

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

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

HTML5,占位符,Webkit 中的行高

我有一个输入框:样式:input{margin:0;padding:06px;font-size:19px;line-height:19px;height:36px;width:255px;}问题是webkitCHROME中的占位符行高没有生效。所以输入字段中的文本以丑陋的方式对齐。还有其他人看到过这个问题吗?现在如何解决?谢谢 最佳答案 输入占位符似乎不喜欢像素行高值,但这会在输入中垂直居中:::-webkit-input-placeholder{line-height:normal;}

html - -webkit-line-clamp 在 Chrome 上不起作用,除非我在开​​发人员工具中进行了一些不相关的 CSS 更改

我想在Chrome中的一定行数后添加省略号。正如各种论坛中所建议的,我使用了如下的webkit-line-clamp策略.line-clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}所以我没有看到第四行末尾的省略号,但是如果我进入开发人员工具并对元素中的CSS进行一些随机更改(比如更改元素的边距,或者选中并取消选中上述属性之一),然后会看到省略号。这类似于https://bugs.chromium.org/p

html - 支持 CSS :before and :after pseudo elements 的 html 元素列表

我知道:before,和:after空元素不支持伪元素,但是这些呢:最好有一个列表!谢谢大家! 最佳答案 我将每个HTML元素放在一起。有些甚至在使用它们的地方都不合法……但它似乎仍然有效。如果它用绿色字母表示“有效”,则表示支持该元素。*:not(br):after{content:'itworks';font-weight:bold;padding:5px;color:green;}Name:aName:abbrName:addressName:areaName:articleName:asideName:audioName:b