Zaloguj | Zarejestruj | FAQ
Anonymous

Removing shadow from button

+ Odpowiedz

Posty: 2 Strona 1 z 1


Removing shadow from button

przez SteveH » So lis 08, 2014 5:06 am

Hello

I have a button on a form. The colour scheme is fine and I like the rounded edges, but how can I remove the shadow effect, please. I have removed references to shadow in my CSS, but the shadow is still there:

Kod: Zaznacz cały
.button1 {
   /*-moz-box-shadow:inset 0px 1px 0px 0px #ffa5d7;
   -webkit-box-shadow:inset 0px 1px 0px 0px #ffa5d7;
   box-shadow:inset 0px 1px 0px 0px #ffa5d7;*/
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a53df6), color-stop(1, #7c16cb) );
   background:-moz-linear-gradient( center top, #a53df6 5%, #7c16cb 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a53df6', endColorstr='#7c16cb');
   background-color:#921975;
   -webkit-border-top-left-radius:6px;
   -moz-border-radius-topleft:6px;
   border-top-left-radius:6px;
   -webkit-border-top-right-radius:6px;
   -moz-border-radius-topright:6px;
   border-top-right-radius:6px;
   -webkit-border-bottom-right-radius:6px;
   -moz-border-radius-bottomright:6px;
   border-bottom-right-radius:6px;
   -webkit-border-bottom-left-radius:6px;
   -moz-border-radius-bottomleft:6px;
   border-bottom-left-radius:6px;
   text-indent:0;
   /*border:1px solid #9c33ed;*/
   display:inline-block;
   color:#ffffff;
   font-family:'Droid Sans' , 'Trebuchet MS' , Arial, sans-serif;
   font-size:14px;
   font-weight:normal;
   font-style:normal;
   height:30px;
   line-height:30px;
   width:75px;
   text-decoration:none;
   text-align:center;
   text-shadow:1px 1px 0px #7d15cd;
}

.button1:hover {
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c16cb), color-stop(1, #a53df6) );
   background:-moz-linear-gradient( center top, #7c16cb 5%, #a53df6 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c16cb', endColorstr='#a53df6');
   background-color:#7c16cb;
}

.button1:active {
   position:relative;
   top:1px;
}


Thank you for any advice.

Steve
Avatar użytkownika

SteveH

  • Posty: 40
  • Dołączył(a): Pn lut 03, 2014 7:32 pm

Re: Removing shadow from button

przez XainPro » Pt lis 21, 2014 11:24 am

clear your browser history and check again i do not see any shadow below this button css design.
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm


+ Odpowiedz

Strona 1 z 1