Questions tagged «webkit»

我有一个主要针对移动用户的网站，但也针对台式机。 在Mobile Safari上，使用<input type="number">效果很好，因为它会在只能包含数字的输入字段上弹出数字键盘。 但是，在Chrome和Safari中，使用数字输入会在字段的右侧显示旋转按钮，这在我的设计中看起来像废话。我真的不需要按钮，因为当您仍然需要编写6位数字之类的东西时，它们是无用的。 是否可以通过-webkit-appearance其他CSS技巧来禁用此功能？我尝试了很多运气。

203 css  html  webkit 

是否可以在不使用Javascript的情况下在页面加载时使用CSS3过渡动画？ 这是我想要的，但是在页面加载时： http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html 我到目前为止发现的 CSS3 transition-delay，一种延迟对元素的影响的方法。仅适用于悬停。 CSS3 Keyframe，可在负载下工作，但运行速度极慢。因此没有用。 CSS3过渡足够快，但不会在页面加载时进行动画处理。

195 css  webkit  css-transitions  css-animations 

我知道在iPhone上的Safari中，您可以通过侦听onorientationchange事件并查询window.orientation角度来检测屏幕的方向和方向变化。 Android手机上的浏览器有可能吗？ 明确地说，我想问的是，运行在标准网页上的JavaScript是否可以检测到Android设备的旋转。可以在iPhone上使用，我想知道是否可以在Android手机上完成。

187 javascript  android  webkit 

给定一个HTML DOM ID，如何在JavaScript / JQuery中获取元素相对于窗口的位置？相对于文档或偏移父对象而言，这是不同的，因为该元素可能位于iframe或某些其他元素内。我需要获取当前显示的元素矩形的屏幕位置（在位置和尺寸上）。如果该元素当前处于屏幕外（已滚动显示），则可以接受负值。 这适用于iPad（WebKit / WebView）应用程序。每当用户点击中的特殊链接时UIWebView，我都应该打开一个弹出视图，以显示有关该链接的更多信息。弹出视图需要显示一个箭头，该箭头指向调用它的屏幕部分。

168 javascript  jquery  ipad  webkit  webview 

自10.7（Mac OS X Lion）起，WebKit / Blink（Safari / Chrome）在MacOS上的默认行为是在不使用触控板用户时隐藏滚动条。这可能会造成混淆；滚动条通常是元素可滚动的唯一视觉提示。 例子（jsfiddle） 的HTML <div class="frame"> Foo<br /> Bar<br /> Baz<br /> Help I'm trapped in an HTML factory! </div> 的CSS .frame { overflow-y: auto; border: 1px solid black; height: 3em; width: 10em; line-height: 1em; }​ WebKit（Chrome）截图 Presto（Opera）屏幕截图 如何强制滚动条始终显示在WebKit的可滚动元素上？

162 css  macos  webkit  scrollbar  blink 

我注意到Google的一篇博客文章提到，如果您使用的是最新版的Chrome，可以将剪贴板中的图像直接粘贴到Gmail邮件中。我在我的Chrome版本（12.0.742.91 beta-m）中进行了尝试，使用控制键或上下文菜单效果很好。 从这种行为，我需要假设Chrome中使用的最新版本的Webkit能够处理Javascript粘贴事件中的图像，但是我无法找到对这种增强功能的任何引用。我相信ZeroClipboard绑定到按键事件以触发其Flash功能，因此无法通过上下文菜单使用（此外，ZeroClipboard是跨浏览器，并且该帖子说这仅适用于Chrome）。 那么，这是如何工作的以及对启用该功能的Webkit（或Chrome）进行了增强？

148 javascript  html  google-chrome  webkit 

我想通过CSS旋转加载图标。 我有一个图标和以下代码： <style> #test { width: 32px; height: 32px; background: url('refresh.png'); } .rotating { -webkit-transform: rotate(360deg); -webkit-transition-duration: 1s; -webkit-transition-delay: now; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; } </style> <div id='test' class='rotating'></div> 但这是行不通的。如何使用CSS旋转图标？

146 css  animation  webkit 

Chrome的用户代理样式表为<select>元素的所有角提供了5px的边框半径。我尝试通过在外部样式表中应用半径为0px以及元素本身的内联来摆脱这种情况；我已经尝试了两者border-radius:0px，-webkit-border-radius:0px;并且尝试了更具体的方法border-top-left-radius:0px（以及-webkit等效项）。 没有任何工作。 当我检查webkit开发人员工具中的元素时，“计算样式”仍将半径列为5px。但是，如果我单击它旁边的扩展器箭头以查看详细信息，它将显示为：element.style-0px。在其下方，它显示了我给出的外部CSS规范（0px）以及用户代理样式表规范（5px）。后两者都应该删除。 有任何想法吗？

143 select  webkit  css 

我在查找有关此文档的过程中遇到了麻烦。它是Safari专用的吗？ iOS 9（此处）中有一个最近的错误，该错误的解决方案是添加shrink-to-fit=no到视口元数据中。 该代码的作用是什么？

143 html  safari  webkit  ios9  viewport 

我花了很多时间试图弄清楚为什么像这样嵌入视频： <video height="256" loop autoplay muted controls id="vid"> <source type="video/mp4" src="video_file.mp4"></source> <source type="video/ogg" src="video_file.ogg"></source> </video> 一旦将页面加载到FireFox中，便会自动开始播放，但无法在基于Webkit的浏览器中自动播放。这仅在某些随机页面上发生。到目前为止，我找不到原因。我怀疑CMS编辑器创建了一些未封闭的标签或大量JS。

134 javascript  html  google-chrome  safari  webkit 

我已经看过这篇文章，并尝试了一切可能的方法来更改占位符的填充，但是，,，似乎只是不想合作。 无论如何，这是css的代码。（编辑：这是从sass生成的CSS） #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; } #search form { position: relative; } #search input { padding: 0 10px 0 29px; color: #555555; border: none; background: url('/images/bg_searchbar.png?1296191141') no-repeat; width: 180px; height: 29px; overflow: hidden; } #search input:hover { color: #00ccff; …

133 html  google-chrome  webkit  css 

例如，在使用Facebook API时，Chrome（或其他任何Webkit浏览器）会抛出大量此类“不安全的JavaScript尝试访问带有URL的框架...”。 它不会干扰实际操作，但确实会使javascript控制台基本无法使用。 我想知道是否有一种方法可以专门在控制台中抑制这些错误？或者，如果您还有其他解决方案，我将不胜感激。 谢谢。

129 javascript  facebook  google-chrome  webkit  facebook-opengraph 

似乎最近有一个Google Chrome浏览器更新，导致在执行之后文字模糊transform: scale()。具体来说，我正在这样做： @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } 如果您在Chrome中访问http://rourkery.com，则应该在主要文本区域中看到问题。它以前没有这样做，并且似乎也没有影响其他Webkit浏览器（例如Safari）。还有其他一些关于人们在使用3d变换时遇到类似问题的帖子，但找不到关于2d变换的任何信息。 任何想法将不胜感激，谢谢！

126 google-chrome  css  webkit  transform  css-animations 

我意识到可以使用CSS属性将自定义图形指定为替换项目符号字符： list-style-image 然后给它一个URL。 但是，就我而言，我只想使用'+'符号。我不想为此创建图形然后指向它。我宁愿只是指示无序列表使用加号作为项目符号。 可以这样做吗？还是我必须先将其制成图形？

125 html  css  webkit  mobile-webkit 

我有一个应用程序，我将内容加载到UIWebView并显示此内容。我无法完全禁用用户交互，因为我希望用户能够单击链接。我只需要禁用用户选择。我在互联网上发现了可以使用的地方： document.body.style.webkitUserSelect='none'; 我尝试将其插入为 [self.contentView stringByEvaluatingJavaScriptFromString:@"document.body.style.webkitUserSelect='none';"]; 在 webViewDidFinishLoad: 但是，它不起作用。我仍然可以在WebView中选择和复制文本。 任何想法可能出了什么问题？ 更新：这似乎仅从iOS 4.3开始发生

121 ios  uiwebview  webkit  ios4  mobile-webkit