Я хочу, чтобы избавиться от кнопки основной темы и сделать кнопку styleable как a
теге.
Я хочу избавиться от всего уродливого серого квадрата в кнопке и заменить его ничем как ссылкой. Если вы хотите увидеть мои кнопки, посетите мой веб-сайт: " http://www.soundbust.com "
Вот мой код css:
.button {
padding: 10px 25px;
-webkit-box-shadow: 0px 4px 0px #c8c8c8;
-moz-box-shadow: 0px 4px 0px #c8c8c8;
box-shadow: 0px 4px 0px #c8c8c8;
border-radius: 6px;
font-family: 'Questrial', sans-serif;
font-family: 12px;
color: #e4e4e4; /*#e4e4e4*/
text-decoration: none;
display: inline;
margin: 6px 0px;
background-color: #5a5a5a;
}
.button:hover {
background-color: #676767;
color: #d0d0d0 ;
-webkit-box-shadow: 0px 4px 0px #bababa;
-moz-box-shadow: 0px 4px 0px #bababa;
box-shadow: 0px 4px 0px #bababa;
}
Это может быть большой опыт:
Посмотрите, как Bootstrap сбрасывает button
-tags, особенно для типа "link". Вы можете щелкнуть правой кнопкой мыши по ссылке и выбрать "Inspect Element...", чтобы увидеть его стили CSS.
Это уже поздно, поэтому я буду публиковать какой-то фактический код завтра, если вы еще не выяснили его к тому времени :)