테두리가있는 직사각형이되도록 입력 단추의 스타일을 지정할 수 있습니까?

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/

그리고 참의 장식적인 효과는 최신 브라우저에서만 지원됩니다.