9

SafariとChromeの両方で、このplaceholder属性は目に見えない幅を追加しているようで、ウィンドウのサイズを水平方向に変更すると、水平方向のスクロールバーとちらつきのようなレンダリングが発生します。

overflow: hidden;問題を抑えるために親要素に適用できます。ただし、フォームフィールドのフォーカス効果はクリップされます。

特定のベンダープレフィックス値を使用して、これを防ぐ::-webkit-input-placeholder {}方法はありますか？

属性がフォーム入力に追加されると、Webkitブラウザーで水平方向にサイズを変更すると、水平方向のスクロールバーがちらつきます。具体的には、どのスタイルがこの動作をトリガーしていますか？そして、どうすればこの動作を防止またはオーバーライドできますか？

4

2 に答える 2

0

多くの入力要素にはデフォルトのパディングがあります。と指定するwidth: 100%と、要素の幅が100％+パディングになります。パディングの幅が広がるのを防ぐには、次のように使用します。box-sizing: border-box;

于 2013-05-25T05:14:40.400 に答える
0

ChromeとSafariでサイトを確認しましたが、おっしゃった問題は発生していないようです。ただし、オーバーフローを非表示に設定し、ヘッダーにトップマージンを設定しなかったため、トップ画像がトップにオーバーフローしています。それで、私は先に進んでそのマージンを作成しました：

 #header img {
  margin-top: 50px;
 }

そしてそれは問題を解決しました。画像を投稿できたらいいのにと思います。

于 2013-07-23T16:29:40.620 に答える