自定义button按钮样式

来源：互联网发布：3ds淘宝店编辑：程序博客网时间：2024/04/30 11:04

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

按钮没边框,使用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: '<a style="font-size: 13px; color: #FFFFFF">保存</a>',*/.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; }