1. घर
  2. सवाल और जवाब
  3. स्टाइलिंग नियमित रूप jQueryUI

स्टाइलिंग नियमित रूप jQueryUI

2009-12-12 21 views
6

साथ मैं jQueryUI उपयोग कर रहा हूँ अपनी साइट पर तत्व है, साथ ही http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/ ही चयनित तत्वों के लिए प्रतिस्थापन।स्टाइलिंग नियमित रूप jQueryUI

लेकिन मैं शैली अन्य रूप तत्वों, पाठ और पाठ क्षेत्र के लिए एक समस्या है।

क्या कोई इस विचार को सही तरीके से करने का विचार करता है?

स्रोत

2009-12-12 umpirsky

उत्तर

1

यहां मेरा फॉर्म सीएसएस है। मुझे यह एक ऑनलाइन फॉर्म जनरेटर से मिला है। लेकिन मुझे अब साइट पर यूआरएल नहीं मिल रहा है।

/**** इनपुट और लेबल ****/

label.description 
{ 
    border:none; 
    color:#222; 
    display:block; 
    font-size:95%; 
    font-weight:700; 
    line-height:150%; 
    padding:0 0 1px; 
} 

span.symbol 
{ 
    font-size:115%; 
    line-height:130%; 
} 

input.text 
{ 
    background:#fff url(../../../images/shadow.gif) repeat-x top; 
    border-bottom:1px solid #ddd; 
    border-left:1px solid #c3c3c3; 
    border-right:1px solid #c3c3c3; 
    border-top:1px solid #7c7c7c; 
    color:#333; 
    font-size:100%; 
    margin:0; 
    padding:2px 0; 
} 

input.file 
{ 
    color:#333; 
    font-size:100%; 
    margin:0; 
    padding:2px 0; 
} 

textarea.textarea 
{ 
    background:#fff url(../../../images/shadow.gif) repeat-x top; 
    border-bottom:1px solid #ddd; 
    border-left:1px solid #c3c3c3; 
    border-right:1px solid #c3c3c3; 
    border-top:1px solid #7c7c7c; 
    color:#333; 
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; 
    font-size:100%; 
    margin:0; 
    width:99%; 
} 

select.select 
{ 
    color:#333; 
    font-size:100%; 
    margin:1px 0; 
    padding:1px 0 0; 
    background:#fff url(../../../images/shadow.gif) repeat-x top; 
    border-bottom:1px solid #ddd; 
    border-left:1px solid #c3c3c3; 
    border-right:1px solid #c3c3c3; 
    border-top:1px solid #7c7c7c; 
} 


input.currency 
{ 
    text-align:right; 
} 

input.checkbox 
{ 
    display:block; 
    height:13px; 
    line-height:1.4em; 
    margin:6px 0 0 3px; 
    width:13px; 
} 

input.radio 
{ 
    display:block; 
    height:13px; 
    line-height:1.4em; 
    margin:6px 0 0 3px; 
    width:13px; 
} 


label.choice 
{ 
    color:#444; 
    display:block; 
    font-size:100%; 
    line-height:1.4em; 
    margin:-1.55em 0 0 25px; 
    padding:4px 0 5px; 
    width:90%; 
}

अद्यतन

और कुछ और सीएसएस

input[type="text"], textarea, input[type="password"] { 
    background:#fff url(../img/shadow.gif) repeat-x scroll center top; 
    border: solid 1px; 
    border-color:#7c7c7C#c3c3c3 #ddd; 
    color:#333; 
    margin:0; 
    padding:2px 0; 
} 
textarea { 
    overflow: auto; 
} 

input[type="submit"], input[type="button"], input[type="reset"], input[type="file"] 
{ 
    cursor:pointer; 
    padding:0 3px 2px 3px; 
    text-align: center; 
    vertical-align: bottom; 
    height:20px;  
    /*background: transparent url('../img/button_bg1.png') repeat-x;*/ 
    color: #444; 
    font-size: 12px; 
    border-top: 1px solid #ccc; 
    border-left: 1px solid #ccc; 
    border-right: 1px solid #999; 
    border-bottom: 1px solid #999; 
    border-radius: 5px;    /* CSS3 rounded corners */ 
    -moz-border-radius: 5px;  /* Rounded corners for Firefox */ 
    -webkit-border-radius: 5px;  /* Rounded corners for Safari */ 
    width/*IE*/: auto; 
} 

input[type="button"] { 
    position: relative; 
    top: -1px; 
}

स्रोत

2009-12-12 20:50:12 Steven

संबंधित मुद्दे
नवीनतम प्रश्न

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