क्रोम 12

Question

में शैलियों को ओवरराइट करने में असमर्थ, मैंने अभी क्रोम 12 में अपग्रेड किया है और मुझे लगता है कि मेरा "मीटर" स्टाइल अब क्रोम पर काम नहीं करता है। जब तक मैं 12

दिलचस्प बात यह है क्रोम के लिए अद्यतन

meter::-webkit-meter-horizontal-optimum-value, 
meter::-webkit-meter-horizontal-suboptimal-value, 
meter::-webkit-meter-horizontal-even-less-good-value { 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cea), to(#7a3)); 
} 

यह ठीक काम कर रहा था, मैं अब के साथ इन छद्म तत्वों के लिए उपयोगकर्ता एजेंट शैलियों देख सकते हैं:

मैं की तरह कुछ का उपयोग कर रहा था वेब इंस्पेक्टर, यहां तक ​​कि अन्य साइटों पर भी मैं जाता हूं। एक उदाहरण के लिए, का निरीक्षण ब्रूस लॉसन का प्रयोग:

http://people.opera.com/brucel/dev/html5-meter-style.html

मैं भी वेबकिट Trac पृष्ठ पर उपयोगकर्ता के स्टाइलशीट पर जाने की कोशिश की है:

http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css

वहाँ का एक नया तरीका है क्रोम में स्टाइल मीटर?

Answer 1

मैंने क्रोम देव टीम के साथ एक बग दायर की और यह पता चला कि क्रोम 12+ आपको डिफ़ॉल्ट उपयोगकर्ता-एजेंट स्टाइल को "-वेबिट-उपस्थिति: कोई नहीं" के साथ रीसेट करने की आवश्यकता है, इससे पहले तत्व को ओवरराइड करने में सक्षम होने से पहले स्टाइल।

अधिक विशेष रूप से, एक निम्नलिखित नियम जोड़ने की जरूरत है: http://code.google.com/p/chromium/issues/detail?id=86009

यहाँ एक jsFiddle है:: http://jsfiddle.net/F8tJu/1/