Xóa đường viền khỏi các nút

Tôi đã cố gắng tạo các nút và chèn hình ảnh của riêng mình thay vì hình ảnh nút tiêu chuẩn. Tuy nhiên, đường viền màu xám từ các nút tiêu chuẩn vẫn còn, hiển thị ở bên ngoài các hình ảnh nút màu đen của tôi.

Có ai biết làm thế nào để loại bỏ đường viền màu xám này khỏi nút, vì vậy nó chỉ là hình ảnh chính nó? Cảm ơn bạn.

Thêm vào

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

vào các nút của bạn.

Bản giới thiệu:

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

Điều này dường như làm việc cho tôi một cách hoàn hảo.

button:focus { outline: none; }

Tôi đang gặp phải vấn đề tương tự và mặc dù tôi đang tạo kiểu cho nút của mình trong CSS, nó sẽ không bao giờ nhận được border:nonenhưng những gì đã hoạt động là thêm một kiểu trực tiếp trên nút nhập như vậy:

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

Hãy thử sử dụng: border:0;hoặcborder:none;

Thủ thuật thông thường là biến hình ảnh thành một phần của liên kết thay vì một nút. Sau đó, bạn liên kết sự kiện "nhấp chuột" với một trình xử lý tùy chỉnh.

Các khung công tác như Jquery-UI hoặc Bootstrap làm được điều này. Bằng cách sử dụng một trong số chúng có thể giảm bớt rất nhiều quan niệm toàn bộ ứng dụng bằng cách này.

Bạn cũng có thể thử các background:none;border:0pxnút.

cũng là bộ chọn css div#yes button{..}và div#no button{..}. hy vọng nó sẽ giúp

Để xóa 'đường viền xanh lam' mặc định khỏi nút trên tiêu điểm nút:

Trong Html:

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

Và trong Css

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

Hy vọng nó giúp :)

Thêm cái này dưới dạng css,

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

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