पॉलिमर 1.0

Question

में एक टैग शैली कैसे कैसे आप पॉलिमर में <paper-input> टैग शैली है 1.0

बताएंगे कि कैसे करने के लिए विशेष रूप से कस्टम शैली लेबल पाठ रंग, रेखांकन रंग, इनपुट पाठ रंग, और कैसे करने के लिए कर सकते हैं custom-style का उपयोग करके उन्हें एक्सेस करें?

Answer 1

here पर सूचीबद्ध कस्टम गुणों को बदलकर आप <paper-input> की उपस्थिति को बदल सकते हैं (जानकारी को नवीनतम संस्करण के लिए स्थानांतरित कर दिया गया है - यह v1.1.21 से पुराने संस्करणों के लिए उपलब्ध है)।

यहाँ एक उदाहरण है:

<style is="custom-style"> 
:root { 
     /* Label and underline color when the input is not focused */ 
     --paper-input-container-color: red; 

     /* Label and underline color when the input is focused */ 
     --paper-input-container-focus-color: blue; 

     /* Label and underline color when the input is invalid */ 
     --paper-input-container-invalid-color: green; 

     /* Input foreground color */ 
     --paper-input-container-input-color: black; 
} 
</style> 

संपादित करें:

:root चयनकर्ता custom properties that apply to all custom elements परिभाषित करने के लिए प्रयोग किया जाता है। तुम भी बजाय किसी विशिष्ट तत्व लक्षित कर सकते हैं :root की:

<style is="custom-style"> 
    paper-input-container.my-class { 
     --paper-input-container-color: red; 
     --paper-input-container-focus-color: blue; 
     --paper-input-container-invalid-color: green; 
     --paper-input-container-input-color: black; 
    } 
</style>