मैंने सीमा का उपयोग करते हुए शब्दशः निर्देशों का पालन किया है: कोई नहीं और पृष्ठभूमि: पारदर्शी, लेकिन एक सीमा अभी भी मेरे पाठ क्षेत्रों में दिखाई देती है। मैं रूप को अनुकूलित करने के लिए पृष्ठभूमि छवि का उपयोग कर रहा हूं, लेकिन सीमा को हटाने के लिए प्रतीत नहीं हो रहा है।
प्रश्न में वेबसाइट http://www.officeyoganyc.com/
मार्कअप
<div class="fieldHolder">
<div class="attributeinput1"><input type=text name=email value="email" size="16">
<script language="Javascript" type="text/javascript">addFieldToCheck("email","Email");</script></div>
</div>
सीएसएस
.fieldHolder
{
width: 137x;
height: 24px;
background: url(http://www.officeyoganyc.com/themes/zen/zen/images/textarea.png) no-repeat;
margin-left: 209px;
margin-top: 162px;
}
.attributeinput1
{
border: none;
color: #000000;
background: none repeat scroll 0 0 transparent;
color: #000000;
height: 22px;
margin-left: 5px;
margin-top: 5px;
width: 170px;
}
2 जवाब
यह चयनकर्ता:
.attributeinput1 {
केवल <div> को स्टाइल करता है। आप चाहते हैं कि <input /> अंदर <div>:
.attributeinput1 input {
वैसे, input टैग अपने आप बंद हो जाता है:
<input ... />
यदि आप /> को छोड़ देते हैं, तो आपकी साइट IE में फंकी लग सकती है, क्योंकि इसे एक ब्लॉक तत्व की शुरुआत के रूप में माना जा सकता है।
साथ ही, एक और बात (एचटीएमएल में सिर्फ एक बारीकियां), language= टैग में <script> विशेषता का मूल्यह्रास (यानी असमर्थित और पुराना) है। आप सुरक्षित रूप से छोड़ सकते हैं:
language="Javascript"
आपके <script> टैग में।
यदि आप Google क्रोम या फ़ायरफ़ॉक्स का उपयोग करते हैं, तो वास्तव में एक उपयोगी उपकरण है जिसका आप उपयोग कर सकते हैं। Firefox में, इसे Firebug कहा जाता है। Google Chrome में, इसे इंस्पेक्टर जैसा कुछ कहा जाता है।
वे दोनों आपको वेबपेज के लेआउट का "निरीक्षण" करने और यह देखने की अनुमति देते हैं कि कौन से सीएसएस गुण किन तत्वों को प्रभावित करते हैं।
यहाँ मेरा मतलब है। दाईं ओर देखें:
मैंने इसका उपयोग यह पुष्टि करने के लिए किया था कि आपका सीएसएस ठीक से लागू नहीं किया जा रहा था। इसे सक्रिय करने के लिए, वेबपेज के किसी भी हिस्से पर राइट क्लिक करें और "निरीक्षण" पर क्लिक करें।
उम्मीद है ये मदद करेगा!
आपकी पृष्ठभूमि और सीमा परिभाषाओं के लिए आपके पास बहुत अधिक विशेषताएँ हैं।
यह काम करना चाहिए।
.attributeinput1 इनपुट {बॉर्डर:0; पृष्ठभूमि: कोई नहीं; }
अगर नहीं तो कोशिश करें
.attributeinput1 इनपुट {बॉर्डर:0!महत्वपूर्ण; पृष्ठभूमि: कोई नहीं! महत्वपूर्ण; }