2 Replies Latest reply on Jan 30, 2013 6:41 AM by 13b6ddb5d75795faf166c553c40c14d1236c9244

    Safari "Hanging Chad" Button Issue

      Hi,

      Does anyone have a remedy to fix the "Hanging Chad" on a custom button. I followed the instructions to change the color of the button; however, when you view the button in Safari, the button seems to "repeat" even though I've disabled that function. 

      0EM50000000PugO

      Code:
           <script language="JavaScript" src="/js/public/jquery-latest.min.js" type="text/javascript"></script>
           <script>
           var $jQ = jQuery.noConflict();
           // Use jQuery via $jQ(...)
           $jQ(document).ready(function(){
           $jQ("#mktFrmSubmit").wrap("<div class='buttonSubmit'></div>");
           $jQ(".buttonSubmit").prepend("<span></span>");
           });
           </script>
            
           <style>
            
           /* Start fancy button */
            
           div.buttonSubmit {
           position:relative;
           float:left;
           }
            
           div.buttonSubmit input, div.buttonSubmit span {
           background-image:url(image url);
           background-position:left 0px;
           background-repeat:no-repeat;
           border:0px none;
           color:#;
           cursor:pointer;
           float:left;
           font-weight:bold;
           height:36px;
           margin:0px;
           padding:0px 15px 2px;
           position:relative;
           z-index:5;
           }
           div.buttonSubmit span {
           background-position:left -36px;
           left:-4px;
           padding:0px;
           position:absolute;
           top:0px;
           width:4px;
           z-index:10;
           }
           div.buttonSubmit input {
           width:auto;
           padding-left: 6px !important;
           padding-right: 10px !important;
            
           }
            
           #mktFrmSubmit{
           color: #FFFFFF !important;
           font-size: 13px;
           }
            
           div.buttonSubmit:hover input { background-position: right -72px;}
           div.buttonSubmit:hover span { background-position: left -108px;}
            
           /* end fancy button */
           </style>

      Thx,
      Matt