html
  • css
  • href
    • 2017-07-11 76 views 0 likes 
    0

    創建我創建了一個鏈接，看起來像這樣的按鈕：HTML風格

    <a target='_blank' href="mailto:[email protected]?Subject=bla bla" style='background:#44ff22;color:#ffffff;font-size:15px;padding:8px 12px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none;'>Email Me</a>

    的問題是，可點擊區域不是整個框（這是對的頂部第三部分「按鈕」），所以人們可能會認爲它不起作用

    如何創建可點擊的矩形區域？

    來源

    2017-07-11 Kukula Mula

    +1

    您可以發佈代碼的小提琴嗎？ –

    +1

    放棄'mailto：'鏈接不是好的做法。電子郵件地址可能會被抓取網頁的垃圾郵件收集，以尋找電子郵件地址。 –

    +0

    @Ihazkode你是對的，但這不是我現在要解決的問題;） –

    回答

    0

    添加display: block或display: inline-block屬性，以您的風格。

    a { 
 
    background:#44ff22; 
 
    color:#ffffff; 
 
    font-size:15px; 
 
    padding:8px 12px; 
 
    border-radius:3px; 
 
    -moz-border-radius:3px; 
 
    -webkit-border-radius:3px; 
 
    text-decoration:none; 
 
    
 
    display: block; /* Added */ 
 
}
    <a target='_blank' href="mailto:[email protected]?Subject=bla bla">Email Me</a>

    a { 
 
    background:#44ff22; 
 
    color:#ffffff; 
 
    font-size:15px; 
 
    padding:8px 12px; 
 
    border-radius:3px; 
 
    -moz-border-radius:3px; 
 
    -webkit-border-radius:3px; 
 
    text-decoration:none; 
 
    
 
    display: inline-block; /* Added */ 
 
}
    <a target='_blank' href="mailto:[email protected]?Subject=bla bla">Email Me</a>

    來源

    2017-07-11 08:06:40 tilz0R

    +0

    我做了沒有改變，可點擊區域保持不變（我還清理了緩存以確保其重新加載新鮮） –

    +0

    對我而言，它適用於最新的Chrome。 – tilz0R

    2

    何必呢？只需將您的標籤放在按鈕周圍

    <a><button></button></a>

    來源

    2017-07-11 08:08:31 NoOorZ24

    +0

    ，如果你需要，你總是可以修改你的按鈕的外觀 – NoOorZ24

    +0

    爲什麼要添加額外的元素，當事情可以用簡單的CSS來實現？ –

    +0

    @KalpeshPatel是的 - 因爲HTML元素沒有被使用 - 你應該用10行css代碼替換它們，它們會做相同的 – NoOorZ24

    相關問題
    最新問題

     相關問題