सभी ब्राउज़रों में तालिका पंक्तियों पर असंगत बॉक्स छाया उपस्थिति

तालिका पंक्तियों पर लागू सीएसएस बॉक्स-छाया (

इस समस्या को हल करने के लिए, बॉक्स-छाया विशेषता के साथ ट्रांसफॉर्म प्रॉपर्टी का उपयोग करने की अनुशंसा की जाती है। ट्रांसफॉर्म प्रॉपर्टी में स्केल (1,1) जोड़ने से ब्राउज़र को तत्व को फिर से प्रस्तुत करने के लिए मजबूर होना पड़ता है, जिससे यह सुनिश्चित होता है कि बॉक्स-छाया प्रभाव समान रूप से लागू होता है।

यहां अद्यतन सीएसएस कोड है:

tr:hover {
  transform: scale(1,1);
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

इस कोड स्निपेट को जोड़ने से, बॉक्स छाया अब समर्थित ब्राउज़रों पर लगातार दिखाई देगी।