1

<input>Chrome でサイトをレンダリングすると、特定の要素が奇妙に見え始めていることに気付きました。Chrome のビルトイン開発者ツールで要素を調べると-webkit、どのスタイルシートにも存在しない一致する CSS ルールが見つかりました。たとえば、次の例:

<input type="submit">

この種の要素に関するルールはありませんが、これは Chrome の開発者ツールが示すものです。

Matched CSS Rules:
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button,
button {
-webkit-box-align: center;
...
}

なぜ私がこれを経験しているのか、誰にも手がかりがありますか? ページには標準ヘッダーが読み込まれます。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

HTML 5 についてはどこにも言及されていません (関係がある場合は...)。

ありがとう。

4

2 に答える 2

1

これらの CSS ルールは、ブラウザーに組み込まれています。すべてのブラウザには独自のものがあります。これが、ブラウザーの違いが Web 開発者を何年も悩ませてきた理由です。

これを回避するには、CSS のリセットまたはノーマライザー (どちらもウェブ上で十分に利用可能) を使用するか、自分で上書きすることができます。

最後に、ブラウザでこれらを効果的に変更することもできますが、その場合、Web ページは他の人が見ているものとは異なって見えることを知っておく必要があります。

于 2013-05-03T13:19:54.583 に答える
1

これは、一部のタグでまともなデフォルトの外観を表示するために一部のブラウザーが行うことです。それらを検出したら、スタイルシートでそれらをオーバーライドするだけです。

于 2013-05-03T13:20:51.600 に答える