Hapus perbatasan dari tombol

Saya mencoba membuat tombol dan memasukkan gambar saya sendiri, bukan gambar tombol standar. Namun, batas abu-abu dari tombol standar masih tetap ada, terlihat di luar gambar tombol hitam saya.

Adakah yang tahu cara menghapus batas abu-abu ini dari tombol, jadi hanya gambar itu sendiri? Terima kasih.

Menambahkan

padding: 0;
border: none;
background: none;

ke tombol Anda.

Demo:

https://jsfiddle.net/Vestride/dkr9b/

Ini sepertinya berhasil untuk saya dengan sempurna.

button:focus { outline: none; }

Saya mengalami masalah yang sama dan meskipun saya menata tombol saya di CSS, itu tidak akan pernah mengambil border:nonetetapi yang berhasil adalah menambahkan gaya langsung pada tombol input seperti:

<div style="text-align:center;">
    <input type="submit" class="SubmitButtonClass" style="border:none;" value="" />
</div>

Coba gunakan: border:0;atauborder:none;

Trik yang biasa dilakukan adalah menjadikan gambar itu sendiri bagian dari tautan, bukan tombol. Kemudian, Anda mengikat peristiwa "click" dengan penangan khusus.

Kerangka kerja seperti Jquery-UI atau Bootstrap melakukan ini di luar kotak. Menggunakan salah satunya dapat meringankan banyak konsep aplikasi secara keseluruhan.

Anda juga dapat mencoba background:none;border:0pxtombol.

juga selektor css div#yes button{..}dan div#no button{..}. semoga membantu

Untuk menghapus 'bingkai biru' default dari tombol pada fokus tombol:

Dalam Html:

<button class="new-button">New Button...</button>

Dan di Css

button.new-button:focus {
    outline: none;
}

Semoga membantu :)

Tambahkan ini sebagai css,

button[type=submit]{border:none;}

$ (". myButtonClass"). css (["border: none; background-color: white; padding: 0"]);