お買い物かごが自動変更になってしまったため、以前使っていたcssでお買いものかごの画像を変更したいとおもっております。
以前使っていたcss(共通説明文(大)に記載してます。)は、商品をお気に入りに追加するボタンとお気に入りショップへ登録をするボタンと買い物かごが全部一緒になっているものでした。
使っていたcssは下記になります。
<style type="text/css">
/* お気に入り商品差し替えタグ */
#rakutenLimitedId_aroundCart #serviceTableSml td.favorite {
padding-top: 5px;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm {
width: 250px !important;
height:80px !important;
padding: 0px 0px 10px 0px !important;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm a.addBkm {
width: 250px !important;
height:80px !important;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm a.addBkm span.bkmStar {
display: inline-block !important;
width: 250px !important;
height:80px !important;
margin:0px 0px 10px 0px !important;
background: url("
http://image.rakuten.co.jp/SHOP-URL/cabinet/kihon/1okiniiribana.gif") no-repeat !important;
}
/* お気に入りショップ差し替えタグ */
div.bookmarkArea {
width: 250px !important;
}
#rakutenLimitedId_aroundCart div.shopBookmarkArea div.shopBkm {
width: 250px !important;
height:80px !important;
padding: 0px 0px !important;
padding-left: 0px !important;
}
#rakutenLimitedId_aroundCart div.shopBookmarkArea div.shopBkm a.addShopBkm span.shopBkmStar {
display: inline-block !important;
width: 250px !important;
height:80px !important;
margin-right: 0px !important;
background: url("
http://image.rakuten.co.jp/SHOP-URL/cabinet/kihon/okiniirishopbana.gif") no-repeat !important;
}
.inventory font{
font-size:70% !important;
color:#999 !important;
}
input[value="買い物かごに入れる"]{
font-size:16px;
font-family:Arial;
font-weight:normal;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #d83526;
padding:9px 18px;
text-decoration:none;
background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
background:-ms-linear-gradient( top, #fe1a00 5%, #ce0100 100% );
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fe1a00), color-stop(100%, #ce0100) );
background-color:#fe1a00;
color:#ffffff;
display:inline-block;
text-shadow:1px 1px 0px #b23e35;
box-shadow:inset 1px 1px 0px 0px #f29c93;
}
iframe.reserve_caution{
height:850px;
width:598px;
border:1px solid #999999;
margin-top:20px;
</style>
---------------------------
お買いものかごの自動変更があった際に、お買いものかごのみが自動変更されたものになっており、お気に入り商品登録・お気に入りショップ登録は以前のままで不具合なく通常に使えています。
上記CSSの内容を変更してお買いものボタンを独自のものに変更することは可能でしょうか?
もし変更が可能であれば変更内容のCSSを教えてください。