2012-09-02 13 views
6

पर एचटीएमएल को बदलने के लिए मैं सबमिट बटन को बदलने का तरीका बदलने की कोशिश कर रहा हूं - मैं आईडी या कक्षा या ऐसा कुछ भी करने में असमर्थ हूं।एक इनपुट प्रकार सीएसएसिंग केवल सबमिट करें - सभी इनपुट के लिए नहीं, जबकि मैं उपयोग नहीं कर सकता, सभी

मेरे पास एक div है - इस div 2 इनपुट 1 के अंदर एक पाठ है जो दूसरे सबमिट है, मान लें कि div की कक्षा धारक है।

<div class="holder"> 
<input type="text" name="somename" value="somevalue"> 
<input type="submit" name="submit" value="save changes"> 
</div> 

मेरे वर्तमान सीएसएस है:

.holder input, textarea { 
width:250px; 
} 
हालांकि इस बदलाव के दोनों इनपुट प्रकार के लिए

। और मैं उन्हें अलग-अलग बदलने की कोशिश कर रहा हूं।

+2

आपका div 'वर्ग = "धारक" कहता है लेकिन आपके पास सीएसएस में '# धारक' है। कक्षाओं के लिए 'धारक' का उपयोग करें, आईडी के लिए '# धारक '। – sachleen

उत्तर

13

आप विशिष्ट सीएसएस संपत्तियों के लिए आवश्यक विशेषताओं निर्दिष्ट कर सकते हैं:

.holder input[type=submit] { 
    width:250px; 
} 

संदर्भ: http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

मूल रूप से, इसका मतलब है कि चौड़ाई संपत्ति केवल #holder कंटेनर के अंदर <input> टैग करने के लिए लागू होता है अगर प्रकार विशेषता का "सबमिट" का मूल्य है। इनपुट प्रस्तुत के लिए

.holder input[name=submit] { 
    width:250px; 
} 
4

चयनकर्ता होगा::

तुम भी नाम विशेषता पर इसका उपयोग कर सकते

.holder input[type="submit"] 

ध्यान रखें कि आपके div "धारक" का एक वर्ग है , "धारक" की आईडी नहीं है, इसलिए .# का उपयोग करें।

+0

धन्यवाद यह सभी ब्राउज़रों में काम करेगा btw? –

+0

@NetaMeta - यह संस्करण 7 के बाद से आईई में काम करता है, और यहां दिखाए गए सभी अन्य प्रमुख ब्राउज़रों में: http://www.quirksmode.org/css/contents.html#t13 (और जाहिर है कि आप 'का उपयोग करेंगे। पाठ फ़ील्ड के लिए धारक इनपुट [प्रकार = "पाठ"] ')। – nnnnnn

संबंधित मुद्दे