登录 | 注册 | FAQ
Anonymous

Removing shadow from button

+ 发表回复

2 篇帖子 分页: 1 / 1


Removing shadow from button

SteveH » 周六 11月 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:

代码: 全选
.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
头像

SteveH

  • 帖子: 40
  • 注册: 周一 2月 03, 2014 7:32 pm

Re: Removing shadow from button

XainPro » 周五 11月 21, 2014 11:24 am

clear your browser history and check again i do not see any shadow below this button css design.
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm


+ 发表回复

分页: 1 / 1