2013-01-11 103 views
0

我有一個按鈕,可以很好地與錨標記,但不適用於提交輸入標記。我如何使用提交按鈕進行這項工作?css按鈕與輸入提交按鈕修復

.classname { 
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; 
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; 
    box-shadow:inset 0px 1px 0px 0px #ffffff; 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf)); 
    background:-moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); 
    background-color:#ededed; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    border:1px solid #dcdcdc; 
    display:inline-block; 
    color:#777777; 
    font-family:arial; 
    font-size:15px; 
    font-weight:bold; 
    padding:6px 24px; 
    text-decoration:none; 
    text-shadow:1px 1px 0px #ffffff; 
} 
.classname:hover { 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed)); 
    background:-moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); 
    background-color:#dfdfdf; 
} 
.classname:active { 
    position:relative; 
    top:1px; 
} 
+1

它似乎與''正常工作,請檢查此JSFiddle:http://jsfiddle.net/HVxpW/ – Anil

+0

'input','button'和'anchor 「所有人對你來說都和我一樣。我可以注意到的唯一區別是錨標籤的'cursor'類型。 http://jsfiddle.net/HVxpW/2/你應該對你的問題更具體一些 –

回答

0

當我第一次開始學習輸入和得到提交,我認爲它崩潰,提交不起作用。事實上,只有cursor變化。嘗試設置按鈕樣式cursor: pointer