CSS वर्ग को पार कर जाएगी नहीं सीमा शैली

Question

मैं एक ग्रे सीमा के साथ अपने सभी टेक्स्ट फ़ील्ड स्टाइल है, और class="form_field_error" साथ क्षेत्रों के लिए, मैं सीमा-रंग लाल को बदलना चाहते हैं।

मैं निम्नलिखित कोड की कोशिश की है, लेकिन मैं अपने वर्ग पहले से परिभाषित सीमा ओवरराइड करने के लिए नहीं मिल सकता है? मैं क्या खो रहा हूँ?

HTML:

<input type="text" name="title" id="title" class="form_field_error"> 

सीएसएस:

input[type="text"] { 
    display: block; 
    height: 15px; 
    font-weight: normal; 
    color: #777; 
    padding: 3px; 
    border-top: 1px solid #aaa; 
    border-left: 1px solid #aaa; 
    border-bottom: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
} 

.form_field_error { 
    border: 1px solid #f00; 
} 

मैं एक jsFiddle समस्या को वर्णन करने के लिए बनाया।

Answer 1

इस प्रयास करें:

.form_field_error { 
    border: 1px solid #f00 !important; 
} 

Answer 2

आप निर्दिष्ट करना जो इस तरह के लाल बॉर्डर लागू करने के लिए div की कोशिश की है?

input.form_field_error { 
    border: 1px solid red; 
} 

और एक तरफ ध्यान दें पर - आईडी आप 'शीर्षक' के रूप में स्थापित है कि सिर्फ इतना है कि एक या आपको लगता है कि पुन: उपयोग के बारे में सोच रहे हैं के लिए?

क्योंकि आप भी कर सकता है ->

#title.form_field_error { 
    border: 1px solid red; 
} 

Answer 3

input[type="text"] सीएसएस .form_field_error सीएसएस पर पूर्वता लेता है।

input.form_field_error को बदलें यह और सीमा काम करेंगे।