草庐IT

webkit-padding-start

全部标签

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 - Firefox/Safari 设置高度为 [specified height - padding - border] for input[type=button]

当我使用以下CSS时:input[type=button]{background-color:white;border:1pxsolidblack;font-size:15px;height:20px;padding:7px;}使用这个HTML:我希望看到这个,所以总高度变成了36px:1pxborder7pxpadding20pxcontent(with15pxtext)7pxpadding1pxborder但是Firefox3.6和Safari4都显示了这个:(没有在其他浏览器中测试过)Screenshothttp://labs.spiqr.nl/upload/files/1223

html - Firefox/Safari 设置高度为 [specified height - padding - border] for input[type=button]

当我使用以下CSS时:input[type=button]{background-color:white;border:1pxsolidblack;font-size:15px;height:20px;padding:7px;}使用这个HTML:我希望看到这个,所以总高度变成了36px:1pxborder7pxpadding20pxcontent(with15pxtext)7pxpadding1pxborder但是Firefox3.6和Safari4都显示了这个:(没有在其他浏览器中测试过)Screenshothttp://labs.spiqr.nl/upload/files/1223

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.有人知道解决此错误的好方法吗? 最佳答案

javascript - IE : "Function expected"start() '<input onclick=" 中的错误 ;"... '

有一段HTML:在Firefox和Chrome中,它会在点击时调用start。但是在IE9中它会产生错误消息:SCRIPT5002:Functionexpected。然后我尝试了几种不同的情况:functionstart(){alert("Let'sstart");}functionstop(){alert("Let'sstop");}Start!原始案例:失败(这就是我来这里的原因。)使用span代替input:成功使用另一个函数名称:Success使用不同的类型:失败使用onmouseover而不是onclick:失败我使用了调试器,它说start是functionstart(){