我有一个带有 css 的 css 我调用<a></a>
标签并且 css 将该标签转换为按钮
我想要一个橙色按钮而不是绿色我不知道在 css 中要做哪些更改,请帮助我。
这是下面的CSS:
.button {
width:138px;
height:33px;
font-size:13px;
font-weight:bold;
line-height:33px;
color:#fff;
text-shadow:0px 1px 0px rgba(0,0,0,.2);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:
inset 0px 1px 0px rgba(255,255,255,.5),
0px 1px 2px rgba(0,0,0,.3);
-moz-box-shadow:
inset 0px 1px 0px rgba(255,255,255,.5),
0px 1px 2px rgba(0,0,0,.3);
box-shadow:
inset 0px 1px 0px rgba(255,255,255,.5),
0px 1px 2px rgba(0,0,0,.3);
float:left;
}
.button img {
float:left;
width:33px;
height:33px;
}
.button.green {
background: -webkit-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
background: -moz-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
background: -o-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
background: -ms-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
background: linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad44f', endColorstr='#609d29',GradientType=0 );
border:1px solid #5b8821;
margin:0 5px 0 35px;
}
@media only screen and (max-width: 767px) {
#modal {
width:284px;
height:156px;
padding:8px;
margin-left:-150px !important;
margin-top:-78px;
}
#heading {
width:284px;
height:28px;
line-height:28px;
font-size:0.688em;
}
#content {
width:284px;
height:128px;
}
#content p {
width:284px;
font-size:0.688em;
}
.button img {
width:23px;
height:23px;
}
.button {
width:108px;
height:23px;
line-height:23px;
font-size:0.688em;
}
.button.green {
margin:0 4px 0 28px !important;
}
.button.red {
margin:0 28px 0 4px !important;
}
}
我想将绿色按钮更改为橙色,请帮助我在 css 中需要在哪里执行此操作以将绿色更改为橙色。