1

現在、いくつかの顧客ページ用にいくつかの純粋な CSS ボタンを作成しています。IE 8/10 を除くすべてのブラウザで正常に表示されます。ただし、css がインライン スタイルとして適用されている場合、または互換モード (デフォルトではオフ) をオンにしている場合は、(ほとんどの場合) スタイルが表示されます。

ここにページがあります: http://www.americasfinestpolice.com/patrolmens-benevolent-association-custom-watches.aspx

#btn-a-1, #btn-a-3, #btn-a-5, #btn-a-7, #btn-a-9, #btn-a-11 {
    outline: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.3) !important;
    -webkit-border-radius: .5em !important; 
    -moz-border-radius: .5em !important;
    border-radius: .5em !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2 !important);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
    color: #FFF !important;
    border: solid 1px #F61208 !important;
    background: #F61205 !important;
    background-color: #F61205 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#F61205), to(#9F0601)) !important;
    background: -moz-linear-gradient(top,  #F61205,  #9F0601) !important;
    background-image: -ms-linear-gradient(top, #F61205 0%, #9F0601 100%) !important;
    background-image: linear-gradient(to bottom right, #F61205 0%, #9F0601 100%) !important;
    height: 1% !important;
    width: 230px !important;
    color: #FFF !important;
    overflow: hidden !important;
    display: block !important;
}
<div class="btn btn-1"><a href="/nycpbawatches.aspx">
<div class="btn-text btn-2">

NYC PBA Mens<br />Chronograph Watch<br />(CLICK HERE)

</div>
</a>
</div>

どうぞよろしくお願いいたします。

4

0 に答える 0