jQuery मोबाइल कैसे आइकन

Question

पर ग्रे दौर वृत्त को हटाने मैं अपनी पहली phonegap Jquery Appl इम इस वर्ग

.ui-icon-myapp-email { 
    background-image: url("app-icon-email.png"); 
} 

यह कस्टम आइकन सूची दृश्य के लिए है का उपयोग करते हुए अपना आइकन को बदलने का निर्माण, और मैं दूर करने की कोशिश दौर धूसर पृष्ठभूमि लोड इसके अलावा मेरी तस्वीर आकार मैं .ui-आइकन लेकिन does not काम नहीं कर सकते के साथ खेल रहा था के लिए थोड़ा बड़ा है वर्ग खोजने

मैं सिर्फ एक सफेद पृष्ठभूमि पर अपने कस्टम तीर चित्र पूर्ण आकार चाहता हूँ कोई गोल सर्कल बॉक्स आकारसूचीबद्ध करेंहो सकता है कि धन्यवाद

Answer 1

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

.ui-icon-myapp-email { 
    background:transparent; /* or none */ 
    background-image: url("app-icon-email.png"); 
    /* The following border radius rules will override the circle around your icon */ 
    -moz-border-radius: 0px; 
    -webkit-border-radius:0px; 
    border-radius:0px; 
} 
/* To fix the size issue override the .ui-icon height */ 
.ui-icon{ 
    width:14px; 
    height:20px; 
} 

Answer 2

आइकन डिस्क रंग को सफेद पर ओवरराइड करता है।

.ui-icon, 
.ui-icon-searchfield:after { 
    background: #fff /*{global-icon-color}*/; 
    background: rgba(255,255,255,1) /*{global-icon-disc}*/; 
    background-image: url(images/icons-18-white.png) /*{global-icon-set}*/; 
    background-repeat: no-repeat; 
    -moz-border-radius: 9px; 
    -webkit-border-radius: 9px; 
    border-radius: 9px; 
} 

आइकन का आकार 18px को ui-icon वर्ग जो चूक में निर्दिष्ट है।

.ui-icon { 
    width: 19px; 
    height: 19px; 
} 

Answer 3

पार्टी यहाँ है, लेकिन एक सरल जवाब देने के लिए देर से अपने कस्टम वर्ग के नाम करने के लिए

background-color: transparent; 
box-shadow: none; 

जोड़ने के लिए है, इसलिए:

.ui-icon-myapp-email { 
    background-color: transparent; 
    box-shadow: none; 
} 

आप सभी की जरूरत है।

Answer 4

JQuery मोबाइल 1.3 के साथ, अब आपको केवल कक्षा "ui-nodisc-icon" जोड़ें, सीएसएस के साथ गड़बड़ करने की कोई आवश्यकता नहीं है।

JQuery Website से

:

"आप माउस के पीछे अंधेरे चक्र की जरूरत नहीं है, बस ui-nodisc-icon तत्व या अपने कंटेनर आइकन पृष्ठभूमि को दूर करने के लिए जोड़ सकते हैं।"

Answer 5

आप में से उन लोगों के लिए बटन के लिए सिर्फ एक आइकन दिखाना है - मुझे यह आलेख बहुत उपयोगी पाया गया है! मैंने जिस प्रभाव की आवश्यकता थी, उसे पाने के लिए मैंने "बटन थीम रीसेट करें" और "आइकन-केवल बटन" अनुभागों का पालन किया।

http://appcropolis.com/blog/advanced-customization-jquery-mobile-buttons/

Answer 6

आप jQuery वी 1.4.0 + का उपयोग कर रहे हैं तो आप सिर्फ इतना है कि कष्टप्रद चक्र दूर करने के लिए अपने लिंक तत्व को वर्ग .ui-nodisc-icon जोड़ने की जरूरत है। आपको किसी भी सीएसएस को संपादित करने या किसी ओवरराइड को लिखने की आवश्यकता नहीं होगी।

Answer 7

मैं इस मुद्दे को हल, का उपयोग करते हुए:

background-color:transparent; 

आप पृष्ठभूमि में रंग जोड़ने के लिए आप उपयोग कर सकते हैं चाहते हैं:

background: url(yourimage.png) repeat;