需要爲使用jquery的鏈接創建按鈕

-2

我在網站上有一個鏈接，上面寫着「使用當前位置」。我想將該鏈接更改爲按鈕形狀。按鈕的 ID是btnGeolocation需要爲使用jquery的鏈接創建按鈕

你可以看看這個鏈接在此頁https://order.subway.com/Stores/Find.aspx?pid=1#pg1

2017-08-09 Ishan

將此添加到您的項目片！它應該工作...編輯CSS來獲得你想要的形狀！

#divSearchLocation #btnGeolocation{ 
border: 1px solid #b5b5b5; 
border-radius: 100px; 
padding: 8px; 
background: #e1e1e1; 
box-shadow: inset 0px -18px 25px -18px black;}

來源

2017-08-09 13:09:53

你可以請讓我如何添加懸停按鈕。正如你可以看到這個頁面https://order.subway.com/Stores/Find.aspx?pid=1&intcmp=ordersubwaycom:owned:order:flavor:fwh-flavor-w5-2017:0:im:0:order -now：mrq：v1＆segment_code = 0，當您將鼠標懸停在更改圖像上時，會出現CTA啓動順序，如何在「使用當前位置」按鈕上覆制相同的內容。 – Ishan

我無權訪問該網頁... –

沒有在這裏需要jQuery的。使用CSS邊框和背景屬性，您將獲得結果。

來源

2017-08-09 12:13:53 user1705314

無法獲得它...請您詳細說明。你可以看到該頁面供參考 – Ishan

的HTML按鈕

<a href="#" class="page-button visual-button link">button</a>

和CSS

.link{ 
    text-decoration:none 
    font-family: "Lato", sans-serif; 
    font-size: 18px; 
    font-weight: normal; 
} 
.link:hover{ 
    text-decoration:none; 
    padding: 10px 25px; 
    -webkit-border-radius: 50px; 
    -moz-border-radius: 50px; 
    border-radius: 50px; 
    border: none; 
    outline: none; 
    position: relative; 
    text-align: center; 
    text-decoration: none; 
    color: #fff; } 

.link:hover { 
    box-shadow: 0 4px 0 0 #f9b980, 0 2px 0 0px #f9b980; 
    background-color: #fc983f; } 
    .visual-button:active { 
    top: 5px; 
    box-shadow: 0 0px 0 0px #f9b980, 0 0px 0px 0px #f9b980; }

來源

2017-08-09 12:25:32

如果你不想在懸停時發生，你可以刪除懸停動作 –

只能使用CSS來做到這一點，退房此鏈接： https://www.freshdesignweb.com/css3-buttons/

我希望這能幫助你

來源

2017-08-09 12:29:16 Ridlam

需要爲使用jquery的鏈接創建按鈕

回答

相關問題