鉴于:
Next >
我需要在我的代码后面有onclick事件,但在这种情况下的onclick事件是指clientonclick,我必须使用按钮HTML标签而不是ASP:按钮因为ASP:Button呈现为输入而不能与我的CSS一起使用....
有任何想法吗?
对于每个人都说改变我的CSS,这里是:
input[type=button], button {
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 5px 20px 5px 20px;
outline-width: 0;
border: 1px solid #000;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5),
inset 0px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5),
inset 0px 1px 0px rgba(255, 255, 255, 0.5);
-webkit-transition: background-color 0.2s ease-in-out,
color 0.2s ease-in-out,
-webkit-box-shadow 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out,
color 0.2s ease-in-out,
-moz-box-shadow 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out,
color 0.2s ease-in-out,
box-shadow 0.2s ease-in-out;
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0.0, rgba(255, 255, 255, 0.8)),
color-stop(0.01, rgba(255, 255, 255, 0.6)),
color-stop(0.4, rgba(255, 255, 255, 0.3)),
color-stop(0.4, rgba(255, 255, 255, 0.2)),
color-stop(1.0, rgba(255, 255, 255, 0.0)));
background-image: -moz-linear-gradient(top,
rgba(255, 255, 255, 0.6) 0%,
rgba(255, 255, 255, 0.3) 40%,
rgba(255, 255, 255, 0.2) 40%,
rgba(255, 255, 255, 0.0) 100%);
background-color: #444;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
}
input[type=button]:hover, input[type=button]:focus, button:hover, button:focus {
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9),
inset 0px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.9),
inset 0px 1px 0px rgba(255, 255, 255, 0.5);
background-color: #666;
color: #fff;
}
input[type=button]:active, button:active {
background-color: #222;
color: #ccc;
-webkit-transition-duration: 0.0s;
-moz-transition-duration: 0.0s;
-o-transition-duration: 0.0s;
}
如果我将其分配给输入,则不会显示所有效果。