nuijs
Version:
nui框架
94 lines • 2.15 kB
CSS
.ui-button {
display: inline-block;
padding: 0 16px;
height: 30px;
overflow: visible;
vertical-align: middle;
box-sizing: border-box;
text-align: center;
font-size: 14px;
background-color: #fff;
white-space: nowrap;
border: 1px solid #FD6E0E;
border-radius: 2px;
color: #FD6E0E;
cursor: pointer;
opacity: 0.9;
filter: opacity(90);
}
.ui-button:hover {
opacity: 0.8;
filter: opacity(80);
text-decoration: none;
}
.ui-button:active {
opacity: 1;
filter: opacity(100);
}
.ui-button.ui-button-normal {
border: 1px solid #FD6E0E;
background-color: #FD6E0E;
color: #fff;
}
.ui-button.ui-button-normal.ui-button-line {
background: none;
color: #FD6E0E;
}
.ui-button.ui-button-normal.ui-button-line:hover {
border: 1px solid #FD6E0E;
background-color: #FD6E0E;
color: #fff;
}
.ui-button.ui-button-blue {
border: 1px solid #55C1E3;
background-color: #55C1E3;
color: #fff;
}
.ui-button.ui-button-blue.ui-button-line {
background: none;
color: #55C1E3;
}
.ui-button.ui-button-blue.ui-button-line:hover {
border: 1px solid #55C1E3;
background-color: #55C1E3;
color: #fff;
}
.ui-button.ui-button-query {
padding: 0 12px;
border-color: #ccc;
color: #ccc;
opacity: 1;
filter: opacity(100);
}
.ui-button.ui-button-query:hover {
opacity: 1;
filter: opacity(100);
}
.ui-button.ui-button-disabled {
border-color: #D9D9D9 ;
cursor: default;
background-color: #FBFBFB ;
color: #C5C5C5;
opacity: 1;
filter: opacity(100);
}
.ui-button.ui-button-disabled:hover {
color: #C5C5C5;
opacity: 1;
filter: opacity(100);
}
.ui-button.ui-button-radius {
border-radius: 100px;
}
.ui-button.ui-button-flat {
border-radius: 0;
}
.ui-button.ui-button-fixed {
min-width: 90px;
padding: 0 10px;
}
.ui-button.ui-button-full {
padding-left: 0;
padding-right: 0;
width: 100%;
}