Question

我想摆脱按钮基本主题，并将按钮设为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;    
}

Answer 1

这可能是一次很棒的学习经历：

查看how Bootstrap resets button-tags，特别是“链接”类型。您可以右键单击链接按钮并选择“Inspect Element ...”以查看其CSS样式。

现在已经很晚了所以如果你还没有明白的话，明天我会发一些实际的代码：）

如何从零开始设置按钮样式。摆脱按钮主题？

1 个答案: