2015年12月 Archive

画像imgをボタン扱いにするHTMLとCSS

■HTML
<form target="_blank" action=" method="post">
<input type="hidden" name="items[0].itemCd" value="522790000">
<input type="hidden" name="items[0].color" value="10001">
<input type="hidden" name="items[0].size" value="20001">
<input type="hidden" name="items[0].quantity" value="1">
<input type="hidden" name="items[0].researchCd" value="550">
<input type="hidden" name="researchCd" value="030">

<button type="submit" name="addToCart" value="注文する">
<img src="" alt="注文する" border="0">
</button>

</form>

■CSS
button { 
border:none;outline:none; background-color:transparent;
 margin:0; padding:0; cursor:pointer;
}

↑余白とかボーダーとかボタンクリックしたあと、青い枠線が出たりするのを消したり。
1