मैंने सीमा का उपयोग करते हुए शब्दशः निर्देशों का पालन किया है: कोई नहीं और पृष्ठभूमि: पारदर्शी, लेकिन एक सीमा अभी भी मेरे पाठ क्षेत्रों में दिखाई देती है। मैं रूप को अनुकूलित करने के लिए पृष्ठभूमि छवि का उपयोग कर रहा हूं, लेकिन सीमा को हटाने के लिए प्रतीत नहीं हो रहा है।

प्रश्न में वेबसाइट 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;

}
1
Alex Borsody 9 जुलाई 2011, 20:22
सीमा जोड़ें: 0; आपके इनपुट के लिए।
 – 
Jawad
9 जुलाई 2011, 20:27

2 जवाब

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

यह चयनकर्ता:

.attributeinput1 {

केवल <div> को स्टाइल करता है। आप चाहते हैं कि <input /> अंदर <div>:

.attributeinput1 input {

वैसे, input टैग अपने आप बंद हो जाता है:

<input ... />

यदि आप /> को छोड़ देते हैं, तो आपकी साइट IE में फंकी लग सकती है, क्योंकि इसे एक ब्लॉक तत्व की शुरुआत के रूप में माना जा सकता है।


साथ ही, एक और बात (एचटीएमएल में सिर्फ एक बारीकियां), language= टैग में <script> विशेषता का मूल्यह्रास (यानी असमर्थित और पुराना) है। आप सुरक्षित रूप से छोड़ सकते हैं:

language="Javascript"

आपके <script> टैग में।


यदि आप Google क्रोम या फ़ायरफ़ॉक्स का उपयोग करते हैं, तो वास्तव में एक उपयोगी उपकरण है जिसका आप उपयोग कर सकते हैं। Firefox में, इसे Firebug कहा जाता है। Google Chrome में, इसे इंस्पेक्टर जैसा कुछ कहा जाता है।

वे दोनों आपको वेबपेज के लेआउट का "निरीक्षण" करने और यह देखने की अनुमति देते हैं कि कौन से सीएसएस गुण किन तत्वों को प्रभावित करते हैं।

यहाँ मेरा मतलब है। दाईं ओर देखें:

enter image description here

मैंने इसका उपयोग यह पुष्टि करने के लिए किया था कि आपका सीएसएस ठीक से लागू नहीं किया जा रहा था। इसे सक्रिय करने के लिए, वेबपेज के किसी भी हिस्से पर राइट क्लिक करें और "निरीक्षण" पर क्लिक करें।

उम्मीद है ये मदद करेगा!

4
Community 20 जून 2020, 12:12
ये बिल्कुल सही है। सीमा: इनपुट तत्व पर कोई भी संपत्ति बिल्कुल लागू नहीं की जा रही है। मुझे लगता है कि ओपी एचटीएमएल/सीएसएस के लिए बिल्कुल नया है, और मैं पृष्ठों की जांच के लिए क्रोम या सफारी (या फ़ायरफ़ॉक्स में फ़ायरबग) में वेबकिट डेवलपर टूल का उपयोग करने का तरीका सीखने का सुझाव देता हूं।
 – 
maxedison
9 जुलाई 2011, 20:27
हां, यह काफी उपयोगी होगा (मैंने यही किया: पी)।
 – 
Blender
9 जुलाई 2011, 20:28
धन्यवाद मुझे क्रोम के निरीक्षण से बेहतर फायरबग पसंद है। इस स्पष्टीकरण ने वास्तव में मदद की।
 – 
Alex Borsody
9 जुलाई 2011, 21:35
इससे प्रारंभिक सीमा से छुटकारा मिल गया लेकिन अब क्रोम में सक्रिय पर पीले रंग की सीमा है। हालांकि इसे पूर्ववत नहीं किया जा सकता है, धन्यवाद।
 – 
Alex Borsody
9 जुलाई 2011, 21:41
यह हो सकता है, लेकिन यह एक मानक क्रोम सुविधा है। मुझे लगता है कि यह उपयोगकर्ताओं को भ्रमित करेगा।
 – 
Blender
10 जुलाई 2011, 02:38

आपकी पृष्ठभूमि और सीमा परिभाषाओं के लिए आपके पास बहुत अधिक विशेषताएँ हैं।

यह काम करना चाहिए।

.attributeinput1 इनपुट {बॉर्डर:0; पृष्ठभूमि: कोई नहीं; }

अगर नहीं तो कोशिश करें

.attributeinput1 इनपुट {बॉर्डर:0!महत्वपूर्ण; पृष्ठभूमि: कोई नहीं! महत्वपूर्ण; }

2
matsko 9 जुलाई 2011, 20:24