楽天のお買い物かごボタンについて

参考になったサイト様
http://hakase-labo.com/2014/05/08/kaimonokago_button/

設置してみるも、IEが無反応・・・

で、カスタマイズしてみる↓

以下をゴールドで作成して、読み込んでいるCSSに書きます

#rakutenLimitedId_aroundCart input[value=”買い物かごに入れる”] {
width: 233px;
height: 52px;
overflow: hidden;
margin: 5px 0 0 0;
border: 0;
text-indent: -9999px;
white-space: nowrap;
cursor: pointer;
background: url(画像URL) no-repeat 0 0;
}

無反応・・・

これなら表示されたのですが、「商品についてのお問い合わせ」
も、買い物カゴの画像になってしまいました。

#rakutenLimitedId_aroundCart input[type=’submit’] {
width: 233px;
height: 52px;
overflow: hidden;
margin: 5px 0 0 0;
border: 0;
text-indent: -9999px;
white-space: nowrap;
cursor: pointer;
background: url(画像URL) no-repeat 0 0;
}

 「商品についてのお問い合わせ」をなくしてしまえば
解決するのですが・・・ｗ

どうやら、IEはvalue属性を無視するそうです
参照
http://www.t-net.ne.jp/~cyfis/html/form/buttons.html

解決しました！

@charset “Shift_JIS”;　から　@charset “utf-8″;　に変更したら
反応してくれましたm(__)m

ちょっとしたことで駄目なのね・・・(´・ω・｀)

以前は、こちらの記事を参考に試してみましたが
カゴ周りが崩れてしまいました・・・
http://repo.oga-ria.com/%E3%80%8C%E8%B2%B7%E3%81%84%E7%89%A9%E3%81%8B%E3%81%94%E3%81%AB%E5%85%A5%E3%82%8C%E3%82%8B%E3%80%8D%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E5%A4%A7%E3%81%8D%E3%81%8F%E3%81%99%E3%82%8B-261.html

でも大丈夫な店もあるんですよね
↓
ドレス内とショップ様
http://www.rakuten.ne.jp/gold/night1/

CSS Button Generator
http://css-button-generator.com/
ボタンを好きなように作って、CSSを生成してくれるサイト