簡體   English   中英

我如何從零開始設置按鈕樣式。 擺脫按鈕主題?

[英]How can i style a button from zero. Get rid of the button theme?

我想擺脫按鍵的基本主題,使按鈕設置樣式為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 ,尤其是對於“鏈接”類型。 您可以右鍵單擊鏈接按鈕,然后選擇“檢查元素...”以查看其CSS樣式。

現在太晚了,如果您還沒有弄清楚的話,明天我將發布一些實際的代碼:)

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM