我可以將輸入按鈕設置爲只是帶邊框的矩形嗎？

Question

我想對我的輸入按鈕進行樣式設計，以取消所有常規樣式，並將它們製成帶圓邊的矩形。我是新來的CSS。有人可以告訴我是否可以這樣做。

約翰

Answer 1

是的，當然。

input[type=submit], input[type=button], button { 
    border: 1px solid #000; 
    background: #f00; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
} 

你走了。

http://jsfiddle.net/4fW4y/

例更花俏：

http://jsfiddle.net/4fW4y/1/

而且是啊，作爲吉榮指出，鴿友效果只在現代瀏覽器的支持。