自定义button按钮样式

 就为了这个破按钮,搞了一上午才郁闷的搞出来..

按钮没边框,使用1*20背景图片

包括正常样式,鼠标经过样式,取得焦点样式

/*自定义按钮
使用方法:
    cls: 'index-btn-custom',
    overCls: 'index-btn-custom-over',
    focusCls: 'index-btn-custom-focus', 
    margin: '10 0 0 100',
    style: { border: 0   },
    text: '保存',
*/
.index-btn-custom
{ 
    background-image: url('../../Content/PanelStyle/06.gif') !important;
    background-repeat: repeat-x !important; 
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; 
    /*
    border-bottom-color: #BE620D;
    border-top-color: #FFA451;  
    border-left-width-value: 1 !important; 
    border-right-width-value: 1 !important;   
    border-top-width: 1 !important;  
    border-bottom-width: 1 !important;  
    border-left-color-value: #FFA451!important;  
    border-right-color-value: #FFA451!important; */
    
}
.index-btn-custom-over
{ 
    background-image: url('../../Content/PanelStyle/06-1.gif') !important;
    background-repeat: repeat-x !important;  
    
} 
.index-btn-custom-focus {
    background-color: #ff0000; 
    border-bottom-color: #ff0000;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #ff0000;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #ff0000;
    border-top-color: #ff0000; 
}