草庐IT

webkit-full-screen

全部标签

html - 降级-webkit-text-security

注意:如果您对实现文本安全功能感兴趣,我开发了一个jQueryplugin来完成这个。我正在使用text-security来设置输入样式:input.square-password{-webkit-text-security:square;}在不支持text-security的网络浏览器中,仅显示密码(无星号(****))。我期待在不支持它们的浏览器上降低此功能,方法是在可用时使用text-security或使用标准星号。输入的HTML是:我尝试添加一个type="password"属性:但即使在支持它的浏览器上,它也会覆盖text-security。有什么解决方法吗?是否可以通过CS

html - webkit边框半径结合css3 translate3D出血

我在基于Webkit的浏览器上遇到一个问题,如果我向div添加边框半径,然后将-moz-translate3d应用于ul内部(这是因为在原始示例中我使用的是flexslider幻灯片),边界半径不适用并通过容器流血。为了清楚地理解我在说什么,这里有一个关于该问题的fiddle示例。如果我删除translate3d属性,将应用边框半径。HTML:TestTestTestTestCSS:.wrapper{border-radius:20px;position:relative;width:500px;height:200px;overflow:hidden;}.caption{positi

html - webkit边框半径结合css3 translate3D出血

我在基于Webkit的浏览器上遇到一个问题,如果我向div添加边框半径,然后将-moz-translate3d应用于ul内部(这是因为在原始示例中我使用的是flexslider幻灯片),边界半径不适用并通过容器流血。为了清楚地理解我在说什么,这里有一个关于该问题的fiddle示例。如果我删除translate3d属性,将应用边框半径。HTML:TestTestTestTestCSS:.wrapper{border-radius:20px;position:relative;width:500px;height:200px;overflow:hidden;}.caption{positi

android - 输入类型 ="number"的占位符文本未显示在 webkit ICS 中

我有以下输入框Placeholder在除android4.0及以上版本之外的普通浏览器中显示,并且与其他字段相比宽度也有所减小。可能是什么错误? 最佳答案 这是一个knownbug在默认的AndroidWebkit浏览器中。根据thisQuirksModepage,你可以看到许多版本的Android都受此影响。另一方面,ChromeforAndroid则不然。我为此创建了一个简单的JavaScriptshim(修复)。首先,阅读这个问题Howtodisplayplaceholder'stextinHTML5'snumber-type

android - 输入类型 ="number"的占位符文本未显示在 webkit ICS 中

我有以下输入框Placeholder在除android4.0及以上版本之外的普通浏览器中显示,并且与其他字段相比宽度也有所减小。可能是什么错误? 最佳答案 这是一个knownbug在默认的AndroidWebkit浏览器中。根据thisQuirksModepage,你可以看到许多版本的Android都受此影响。另一方面,ChromeforAndroid则不然。我为此创建了一个简单的JavaScriptshim(修复)。首先,阅读这个问题Howtodisplayplaceholder'stextinHTML5'snumber-type

html -::-webkit-input-placeholder 不起作用

这个问题在这里已经有了答案:ConcatenatingnestedclassesusingSASS[duplicate](1个回答)关闭7年前。我正在编写一个移动网站并使用sass对其进行样式设置。我想更改文本输入的占位符颜色,但我做不到。这是占位符的混合@mixinplaceholder($color){::-webkit-input-placeholder{color:$color}:-moz-placeholder{color:$color}::-moz-placeholder{color:$color}:-ms-input-placeholder{color:$color}}然

html -::-webkit-input-placeholder 不起作用

这个问题在这里已经有了答案:ConcatenatingnestedclassesusingSASS[duplicate](1个回答)关闭7年前。我正在编写一个移动网站并使用sass对其进行样式设置。我想更改文本输入的占位符颜色,但我做不到。这是占位符的混合@mixinplaceholder($color){::-webkit-input-placeholder{color:$color}:-moz-placeholder{color:$color}::-moz-placeholder{color:$color}:-ms-input-placeholder{color:$color}}然

android - Android webkit 浏览器中的宽度不正确

我注意到Android的默认浏览器存在一个问题,100%的宽度实际上可能超出了屏幕的边缘。这是一个最小的测试用例: New&improveddivanotherworkingoneanother这在桌面浏览器上按预期工作,但在Androidwebkit浏览器中,第一个div远离屏幕,并且在放大和缩小时不会改变宽度。它之后的div可以正常工作。更新:我已经在2.3、3.0、3.1和新创建的2.2模拟器上对此进行了测试,它们都无法正确调整大小。看起来其他人已经注意到了这一点,请参阅here和here.有人知道解决此错误的好方法吗? 最佳答案

android - Android webkit 浏览器中的宽度不正确

我注意到Android的默认浏览器存在一个问题,100%的宽度实际上可能超出了屏幕的边缘。这是一个最小的测试用例: New&improveddivanotherworkingoneanother这在桌面浏览器上按预期工作,但在Androidwebkit浏览器中,第一个div远离屏幕,并且在放大和缩小时不会改变宽度。它之后的div可以正常工作。更新:我已经在2.3、3.0、3.1和新创建的2.2模拟器上对此进行了测试,它们都无法正确调整大小。看起来其他人已经注意到了这一点,请参阅here和here.有人知道解决此错误的好方法吗? 最佳答案

html - -webkit-touch-callout 等效于 IE

使用Surface,可以将手指放在链接上并获得复制它的选项。这对我来说是不受欢迎的行为。这可以在iOS中禁用:-webkit-touch-callout:none;有谁知道如何为IE禁用它? 最佳答案 其他一切的命名略有不同。-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;