2

<meter>現在、IE7-9、FF、Chrome、Safari、さらには Opera など、すべての主要なブラウザーでタグのスタイルを設定しようとしています。<meter>次の CSS コードを使用して、デフォルトのスタイリングを削除することができました。

meter::-webkit-meter-bar, meter::-webkit-meter-optimum-value, meter::-webkit-meter-suboptimum-value, meter::-webkit-meter-even-less-good-value {
  background: 0;
}

この手法は、Opera を除く、言及されているすべてのブラウザーで正常に機能します。デフォルトの緑色のメーターが表示され続けます。<meter>Opera でタグを「デスタイル」する方法について何か考えはありますか?

4

2 に答える 2

3

Operaでそのような要素のスタイルを設定する方法はまだありません。コンポーネントオブジェクトモデルと呼ばれる提案があります。これは、作業ドラフトにあるときにそのようなスタイリングを斜めに実行できるようにするものですが、私たちはそれに近いものではありません。

Webkitは、標準ではなく単なる提案であるメソッドを実装しました。これが将来の方法であるとは思いません。ほとんどの場合、これらの疑似要素名は変更されます。

于 2011-09-09T13:13:29.467 に答える
0

始める前に: または ではないでしょうbackground: transparent;かbackground: inherit;? HTML Dog の background プロパティを参照してください。

あなたは誤解していると思います。この部分は Webkit のセレクターであるため、セレクターはmeter::-webkit-meter-barIE、FF、Opera ではまったく効果がありません。-webkitChrome や Safari はレンダリング エンジンとして Webkit を使用しますが、FF は Gecko、Opera は Presto などを使用します。

FFの場合、おそらく次のようなものが必要になるでしょう-moz-meter-bar...
Operaの場合はわかりません。この Opera コミュニティ ページは、プレフィックスがor-oではなくで あることを暗示しているようです。 幸運を。-webkit-moz

このようなルールを追加する場合は、「通常の」セレクターを含めることもお勧めします。
(運が良ければ、Opera で動作するようになるかもしれません。)

meter::-webkit-meter-bar,
meter::-webkit-meter-optimum-value,
meter::-webkit-meter-suboptimum-value,
meter::-webkit-meter-even-less-good-value,
meter::meter-bar,
meter::meter-optimum-value,
meter::meter-suboptimum-value,
meter::meter-even-less-good-value {
  background: transparent;
}
于 2011-08-29T10:17:51.803 に答える