タグ付けされた質問 「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フォンのブラウザで可能ですか？ 明確にするために、Androidデバイスの回転が標準のWebページで実行されているJavaScriptによって検出できるかどうかを尋ねています。iPhoneでも可能ですが、Android携帯でできるのかと思いました。

187 javascript  android  webkit 

HTML DOM IDが与えられた場合、JavaScript / JQueryでウィンドウに対する要素の位置を取得する方法は？要素はiframeまたは他のいくつかの要素の内部にある可能性があるため、これはドキュメントやオフセットの親に対する相対とは異なります。現在表示されている要素の四角形（位置と寸法など）の画面位置を取得する必要があります。要素が現在画面外にある（スクロールされていない）場合は、負の値でも許容されます。 これはiPad（WebKit / WebView）アプリケーション用です。ユーザーがの特別なリンクをタップするたびに、リンクUIWebViewに関する詳細情報を表示するポップオーバービューを開くことになっています。ポップオーバービューは、それを呼び出す画面の一部を指す矢印を表示する必要があります。

168 javascript  jquery  ipad  webkit  webview 

WebKit / Blink（Safari / Chrome）のMacOS 10.7（Mac OS X Lion）以降のデフォルトの動作では、トラックパッドユーザーが使用していないときはスクロールバーを非表示にします。これは混乱を招く可能性があります。多くの場合、スクロールバーは、要素がスクロール可能であることを示す唯一の視覚的な手掛かりです。 例（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 

Chromeの最新バージョンを使用している場合、画像をクリップボードから直接Gmailメッセージに貼り付ける機能について言及しているGoogleのブログ投稿に気づきました。私のバージョンのChrome（12.0.742.91 beta-m）でこれを試しましたが、コントロールキーまたはコンテキストメニューを使用してうまく機能します。 その動作から、Chromeで使用されているWebkitの最新バージョンはJavascript貼り付けイベントで画像を処理できると想定する必要がありますが、そのような拡張機能への参照を見つけることができませんでした。私は信じてZeroClipboardのキープレスイベントに結合するが、そのフラッシュ機能をトリガし、そのようにするだろう、コンテキストメニューからではない仕事（また、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のborder-radiusを与えます。私は、外部のスタイルシートに0pxの半径を適用し、要素自体にインライン化することによって、これを取り除くことを試みました。私は両方border-radius:0pxを試し-webkit-border-radius:0px;ましたが、さらに具体的なものを試しましたborder-top-left-radius:0px（それに相当するのは-webkitです）。 どれも動作していません。 Webkitの開発者ツールで要素を調べても、計算済みスタイルで半径が5pxと表示されます。しかし、詳細を表示するためにその横の展開矢印をクリックすると、element.style-0pxと表示されます。その下には、0pxのユーザーcss仕様と、5pxのユーザーエージェントスタイルシート仕様が示されています。そして、後者の2つは、本来あるべきように、取り消し線が引かれています。 何か案は？

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 

たとえば、Chrome（またはその他のWebkitブラウザ）は、Facebook APIを使用しているときに、「安全でない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