草庐IT

webkit-inline-box

全部标签

javascript - 如果有空格或非数字字符,HTML5 input type=number value 在 Webkit 中为空?

如果我在中的一串数字中包含一个空格,这对我来说是奇怪的行为(Chrome/Safari,不是Firefox)然后是value该输入为空。请参阅此JSFiddle:http://jsfiddle.net/timrpeterson/CZZEX/5/代码如下:click$('button').click(function(){alert("withOut:"+$('#withOutspace').val()+"||||with:"+$('#with_space').val());});如果你去thisJSFiddle,您会注意到with_space输入为空。但是,如果您在其中输入一个包含空格

javascript - "webkit-playsinline"视频标签属性

标签属性webkit-playsinline据说可以防止HTML5视频的默认转到全屏行为。我将此属性添加到我的视频标签并在iOS6iPhone上检查了移动版safari和chrome,但它不起作用。视频仍然全屏显示。Thisissimilartoothers'experiencesasdescribedonSOtwoyearsago.截至2013年6月13日,此属性webkit-playsinline可以在哪些移动浏览器中使用? 最佳答案 Apple终于在iOS10上启用了playsinline属性,所以这将起作用:我写了一个名为i

html - 如何实现float :right effect while preserving the inline-block display?

考虑以下jsFiddle:http://jsfiddle.net/mark69_fnd/yqdJG/1/HTML:AAABBB​CSS:#container{border:solid2pxgreen}.char{display:inline-block;border:solid2pxred;}.stickToRight{float:right}​有没有另一种方法可以使.stickToRight右对齐,而不float它?我需要将其保留为display:inline-block以便我可以使其垂直对齐方式与其他.char元素保持一致。如何实现float:right右对齐效果,同时保持元素di

css - Webkit CSS 来控制输入 [type=color] 中颜色周围的框?

是否有特定于Webkit的CSS样式允许我控制input[type=color]中颜色周围框的颜色/大小/样式?我已经设置了输入的颜色和背景颜色,所以它看起来很适合我用于旧版Chrome和Firefox的交叉兼容性polyfill。现在Chrome实际上有一个颜色选择器,颜色周围有一个框,当颜色和背景都出现时,在输入的中间留下一个1px灰色框float输入的颜色设置为相同的颜色。是否有一些CSS可以摆脱它,或者通过将该框的宽度设置为0,将样式更改为none,或者最坏的情况是,将颜色设置为与颜色和背景颜色?在这张图片中,我说的是白色区域周围和绿色区域之外的灰色框:我找到了一种解决方法,即

jquery - 使用jquery获取元素的-webkit-transform的值

我正在使用新的很酷的css3方法来处理一个div,这样进行转换:$("#thediv").css("-webkit-transform","translate(-770px,0px)");稍后在脚本中我想像这样获取转换的值:$("#thediv").css("-webkit-transform");它返回这样的矩阵:matrix(1,0,0,1,-770,0)我想不通的是如何获得这个矩阵的第5个值(-770)...有什么建议吗?谢谢! 最佳答案 您的矩阵是一个4x4变换矩阵:-770对应于vx。要提取它,请构造一个WebkitCSS

html - -webkit-transform rotate - Chrome 中的像素化图像

在容器div上使用-webkit-transform:rotate(-5deg);,Chrome会渲染具有真正锯齿状边缘的图像网格。而在FF(-moz-transform:)和IE(-ms-filter:)中一切看起来都正常-请查看下面的区别。我能做些什么吗? 最佳答案 您可以查看问题的答案csstransform,jaggededgesinchrome帮助了我来自接受的答案:Incaseanyone'ssearchingforthislateron,anicetricktogetridofthosejaggededgesonCSS

html - 摆脱-webkit-padding-start : 40px

我正在为map添加菜单。菜单工作正常,除了我注意到无论菜单应用什么CSS,左边总是有一个填充。填充似乎起源于(-webkit-padding-start:40px;)并且它不想消失。我试图用0!important;覆盖它,但没有做任何事情。谷歌搜索后发现:-webkit-padding-start:40px;WhatitshouldbeforIEandFirefox?但是找不到关于如何覆盖或使它消失的任何其他内容。我需要在菜单中一直向左放置元素。附件是截图,绿色区域是我说的,在样式下你可以看到-webkit-padding-start:40px; 最佳答案

html - 溢出 :hidden + display:inline-block moves text upwards

这个问题在这里已经有了答案:Whyisthisinline-blockelementpusheddownward?(8个答案)关闭去年。我有以下HTML:abc我希望看到的是:abc。我看到的(在Chrome、Safari、Firefox中):b高于a和c。为什么会这样,如何解决?

默认显示 :inline-block? 的 HTML 元素

默认为block默认为inline有没有默认为inline-block的?如果不是,什么特殊标签名称适合我使用CSS应用“inline-block”?还是我应该坚持使用类? 最佳答案 据我所知标签是唯一的inline-block默认。为了安全起见,我会推荐一个类,你永远不知道什么时候改变某种类型的所有元素会回来咬你。或者,您始终可以编写自己的标签并分配display:inline-block;给它。这样您就不会更改标准元素的默认功能...编辑看来button,textarea,input,和select元素也是inline-bloc

html - IE9 上的 box-shadow 无法使用正确的 CSS 呈现,但适用于 Firefox、Chrome

我正在尝试模拟一个float模式框类型的东西,但在IE9及其框阴影实现方面遇到了问题。以下是我正在使用的可能会重复该问题的代码的摘要:Samplepage.content-holder{border-collapse:collapse;}.back{background-color:#a8c0ff;padding:100px;}.inner{background-color:#fff;text-align:center;padding:50px;box-shadow:0px0px20px#000;}HeadingSometexthereMoretextAbutton它在Firefox/