type = "image"を使用しない画像のボタン

私は割り当てたい画像のようなボタンを追加したいが、そのタイプは "image"ではない。たとえば：type = "image"を使用しない画像のボタン

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

は、私はそれを行うにはどうすればよい

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

が好きではありませんか？

出典

2012-01-03 gzg

'button'要素だけを使用するのはなぜですか？'？ –

さて、私はあなたが言ったことを試みたが、私のイメージと調和して見えない。また、ボタンをクリックしたときにjsメソッドを実行しようとしていて、クリックされたときにバックグラウンドで実行されるはずです。代わりに、アクションページをロードしてデータをポストします。 – gzg

CSSを使用して、他の要素と同様にスタイルを設定できます。 Twitterのブートストラップhttp://twitter.github.com/bootstrap/で

ルック「BTN」クラスを使用するすべての要素は、これらのスタイルを使用します。

.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); 
}

は、彼らがその要素のスタイルをCSS3宣言を使用しますが、あなただけのような背景の画像を使用することができます覚えておいてくださいよく

出典

2012-01-03 23:38:18 leopic

背景イメージを使って作業しました。スタイルを次のように変更してください。背景：透明なURL（imgpath.jpg）no-repeat center top; 画像と完全に一致させるには、幅と高さを設定する必要があります。 – gzg

うれしいことを聞いてうれしいですが、私の答えを適切なものとして設定してもらえますか？ – leopic

type = "image"を使用しない画像のボタン

答えて

関連する問題