返回顶部

收藏

对比easyui和jwwui css

更多
a.l-btn {
    background-position: right 0;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    zoom: 1;
    height: 25px;
    padding-right: 18px;
    cursor: pointer;
    outline: none;
}

a.l-btn-plain {
    padding-right: 5px;
    border: 0;
    padding: 1px 6px 1px 1px;
}

a.l-btn span.l-btn-left {
    display: inline-block;
    background-position: 0 -50px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 20px;
    height: 25px;
    line-height: 25px;
}

a.l-btn-plain span.l-btn-left {
    padding-left: 5px;
}

a.l-btn span span.l-btn-text {
    display: inline-block;
    vertical-align: baseline;
    width: auto;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #000000;
}

a.l-btn span span.l-btn-text-plain {
    display: inline-block;
    vertical-align: baseline;
    width: auto;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #0066FF;
}

a.l-btn span span.l-btn-icon-left {
    padding: 0 0 0 20px;
    background-position: left center;
}

a.l-btn span span.l-btn-icon-right {
    padding: 0 20px 0 0;
    background-position: right center;
}

a.l-btn span span span.l-btn-empty {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 16px;
}

a:hover.l-btn {
    background-position: right -25px;
    outline: none;
    text-decoration: none;
}

a:hover.l-btn span.l-btn-left {
    background-position: 0 bottom;
}

a:hover.l-btn-plain {
    padding: 0 5px 0 0;
}

a.l-btn-disabled {
    color: #ccc;
    opacity: 0.5;
    filter: alpha(opacity =                                           50);
    cursor: default;
}

a.l-btn-disabled,a:hover.l-btn-disabled {
    filter: alpha(opacity =                                           50);
}

a:hover.l-btn-disabled {
    background-position: right 0;
}

a:hover.l-btn-disabled span.l-btn-left {
    background-position: 0 -50px;
}

a.l-btn .l-btn-focus {
    outline: #0000FF dotted thin;
}

a.l-btn {
    color: #444;
    background-image: url('images/abutton_bg.png');
    background-repeat: no-repeat;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

a:hover.l-btn-disabled {
    background-position: right 0;
}

a:hover.l-btn span span.l-btn-text {
    color: #000000;
}

a.l-btn span.l-btn-left {
    background-image: url('images/abutton_bg.png');
    background-repeat: no-repeat;
}

a.l-btn-plain,a.l-btn-plain span.l-btn-left {
    background: transparent;
    border: 0;
    filter: none;
}

a:hover.l-btn-plain {
    background: #c1c1c1;
    border: 1px solid #c1c1c1;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

a.l-btn-disabled,a:hover.l-btn-disabled {
    filter: alpha(opacity =         50);
}

标签:css

收藏

0人收藏

支持

0

反对

0