एचटीएमएल टूलटिप के साथ काम करना और टूलटिप क्लास में शैलियों को लागू करना, शैलियों को डेवलपर टूल के साथ जांच कर लागू किया जा रहा है, लेकिन पेज में दिखाई नहीं दे रहा है।

मैंने अपने कोड को w3schools में चलाने की कोशिश की है और यह काम कर रहा है। DevTools में मूल्यों को बदलने का प्रयास किया और यह अभी भी मेरे स्थानीय में वही है।

<h4>
I am 
<input type=number>
years old 
<span class= "tooltip">Some Text</span>, my annual income old <br> 
is 
<input type=number> 
and I have saved <br> 
<input type=number class= "numbers"> 
<span class="sub">(pre-tax or tax-exempt)</span>
and 
<input type=number> <span>(taxed).</span>
</h4>

और लागू शैलियाँ हैं:

.tooltip {
    position: relative !important;
    border: 2px solid black !important;
    height: 100px;
    background: red !important;
    width: 100px;
}

और यही मुझे मिल रहा है। बैकग्राउड रंग और साथ ही सीमा दिखाई नहीं दे रही है लेकिन यह स्रोत में है।

The Result

0
Jezwin Varghese 24 अक्टूबर 2019, 10:57

1 उत्तर

सबसे बढ़िया उत्तर

समस्या का समाधान क्लास टोटिप को किसी अन्य नाम में बदलने से किया गया था, क्योंकि मेरी शैलियों को पर्यावरण में पहले से लिखित शैलियों द्वारा ओवरराइड किया गया था।

0
Jezwin Varghese 24 अक्टूबर 2019, 10:51