type = "image"를 사용하지 않고 이미지가있는 버튼

할당 할 이미지처럼 보이는 버튼을 추가하고 싶지만 유형은 "이미지"가 아닙니다. 예를 들어 :type = "image"를 사용하지 않고 이미지가있는 버튼

<input type="button" someimagetag="someimagelink" />

내가 그렇게 어떻게

<input type="image" src="" />

을 좋아하지?

출처

2012-01-03 gzg

'button'요소를 사용하지 않는 이유는 무엇입니까? ''? –

글쎄, 당신이 말한 것을 시도했지만 그것은 내 이미지와 조화를 이루지 않습니다. 또한, js 메서드를 실행하려고 할 때 단추를 클릭 할 때 및 클릭 할 때, 그것은 백그라운드에서 실행해야합니다. 대신 작업 페이지를로드하여 데이터를 게시합니다. – gzg

CSS를 사용하여 다른 요소와 마찬가지로 스타일을 지정할 수 있습니다. 그들의 요소 스타일을 CSS3 선언을 사용 명심

.btn { 
    -moz-border-bottom-colors: none; 
    -moz-border-image: none; 
    -moz-border-left-colors: none; 
    -moz-border-right-colors: none; 
    -moz-border-top-colors: none; 
    -moz-transition: all 0.1s linear 0s; 
    background-color: #E6E6E6; 
    background-image: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6); 
    background-repeat: no-repeat; 
    border-color: #CCCCCC#CCCCCC#BBBBBB; 
    border-radius: 4px 4px 4px 4px; 
    border-style: solid; 
    border-width: 1px; 
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); 
    color: #333333; 
    cursor: pointer; 
    display: inline-block; 
    font-size: 13px; 
    line-height: normal; 
    padding: 5px 14px 6px; 
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); 
}

하지만 당신처럼 배경 이미지를 사용할 수 있습니다 트위터의 부트 스트랩 http://twitter.github.com/bootstrap/ 이러한 스타일을 사용하는 'btn을'클래스를 사용하는 모든 요소에서

봐 잘.

출처

2012-01-03 23:38:18 leopic

배경 이미지를 사용하여 작업했습니다. 스타일을 다음으로 변경하십시오. background : 투명한 url (imgpath.jpg) no-repeat center top; 이미지와 정확히 일치 시키려면 너비와 높이를 설정해야합니다. – gzg

듣고 다행이라면 내 답변을 적절한 것으로 설정 하시겠습니까? – leopic

type = "image"를 사용하지 않고 이미지가있는 버튼

답변

관련 문제